Ming devlog

2022.10.23· 개발/📚 English

직장에서 영어를 쓰게 되는 일이 발생했다. 잊어가던 영어의 씨앗을 다시 살려야했다. 일상생활에 쓰던 캐주얼한 영어보다는 정제되어있는 문장과 단어를 접할 수 있는 자료가 필요했다. 한참을 자료를 찾다가 너무 무겁지 않고 가볍게 읽을 수 있고, 오디오 자료까지 있는 자료를 찾았다! The Economist 잡지에서 제공하는 espresso 에스프레소 단어말 그대로 economist 잡지를 축약해서 데일리하게 몇 가지 뉴스를 짧게 제공해준다 뉴스라서 일단 단어가 어렵긴하지만 본문 자체가 짧고 한 뉴스 구성이 긴 문장 4-5개 밖에 안된다 오디오까지 제공하기때문에 팟캐스트로 들으면서 공부할 수 있다 한 달 구독료를 내야하는데 약 1.2만원 정도 한다. 위클리로 받는 더 이코노미스트보다 저렴하고 데일리 뉴스를 제..

[Github] 깃허브 원격 저장소 fork 하는 방법! (feat.오픈소스 기여 && hacktoberfest)

2022.10.23· 개발/Etc...

우연한 기회에 개인적으로 정말 너무너무너무너무너무x100 좋아하는 멘토님이 이야기를 해주셔서 hacktoberfest 라는 행사를 알게 되었습니다. 10월 한 달간, 오픈소스에 기여해서 뱃지를 총 4개 받으면 티셔츠와 스티커 같은 굿즈를 받을 수 있는 행사랍니다. 평소에 오픈소스에 기여해보고 싶다!😗 라는 막연한 생각만을 가지고 있었는데, 올해 행사는 번역 같은 거라던가, 문서 작성과 같은 비개발분야도 참여할 수 있다고 해서 한번 도전해보았답니다! 참여 후기는 따로 적지 않을 예정이라서 이 포스트에 함께 기록해보려고 합니다. 일단 공식 사이트(https://hacktoberfest.com)에서 등록을 하시면 요런 프로필 섹션이 생성된답니다. 저는 제 깃헙으로 계정을 만들어서 깃헙 프로필이 뜨네요 사진 아..

[플러터] 라우팅시에 GetX controller 없애기

2022.10.10· 개발/Flutter

현재 만들고 있는 프로젝트에서 page4에 있는 버튼을 토글하는 부분이 있는데, 이 부분을 controller에서 관리를 해주고 statelessWidget에서 쓰기 때문에 dispose를 사용해서 죽일수가 없는 상황이였다. 해결책 1. 버튼을 초기화하는 함수를 만들어서 라우팅할 때마다 그 함수도 같이 실행시켜주기 개인적으로 생각해봐도 안 좋은 코드이고(ㅋㅋㅋㅋㅋ) 회사 플러터 개발자에게도 물어보니 추천하고 싶지 않은 방법이라고 했다. 해당 함수는 controller 파일에 만들어서 클릭 동작이 일어날 때마다 넣어주는 방식이다. 2. onClose() 를 사용해서 페이지를 떠나면 자동으로 메모리 삭제시키기 이 방법이 제일 합리적인 방법인것 같다. 이렇게 함수를 넣어서 사용해줘도 되고 안그래도 된다. 문제..

Fetch API - 이미지 fetching하기

2022.09.28· 개발/JavaScript

웹 개발시에 API를 호출하기 위해서 제일 먼저 떠오르는 것이 request, axios, jQuery 같은 라이브러리이다. 하지만 이제 브라우저가 fetch() 함수를 지원하기 때문에 이러한 라이브러리를 사용해서 자바스크립트 번들(bundle)파일의 크기를 늘리는 낭비를 하지 않아도 된다. 물론 나는 주로 reactJs, nextJs 로 작업하기 때문에 axios를 써서 호출한다. 그러다 이번에 이미지 url에서 파일을 추출하기 위해서 fetch 함수를 써서 response를 받아올 일이 있었다. 방법을 찾아서 알아보다가 fetch함수를 이렇게 쓸 수 있다는 것도 알게 되었다. 겸사겸사- fetch에 대해 알아보고 공부하려고 한다. 📢 Fetch 를 알자! fetch() 함수는 네트워크 요청하고 응답을..

[React/리액트] Error: App(...): Nothing was returned from render 에러 해결 방법

2022.09.19· 개발/❌ 오류 노트

📢 Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. ✅ 오랜만에 만난 정말 간단한 에러! 최근에 만난 에러들은 기본 2시간 잡았던것 같았는데, 이 에러는 정말 간단하게 찾아냈다. 괄호가 어딘가에서 미씽되었던것!! 그래서 return 의 자리에 return 이 제대로 들어가지 않아서 생긴 에러이다! 어딘가에서 return 을 제대로 해주지 못 할 때 나타나는 에러이니, 찬찬히 코드를 살피다보면 바로 해결 할 수 있다!

http Content-Type : application/x-www-form-urlencoded

2022.09.19· 개발/JavaScript

npm install qs Content-Type 이란? api 연동 시에 자원을 보낼 때, 그 자원의 명시하기 위해서 사용합니다. body에 들어갈 내용을 header에서 명시해주는 것입니다. 이 중에서는 여러 가지 타입으로 나뉘는데, Text타입으로는 text/css, text/javascript, text/html, text/plain 등 file을 실어보내기 위해서는 multipart/form-data가 있고 Application 타입으로는 application/json, application/x-www-urlencoded가 있습니다. REST API를 쓰면서 데이터를 받아 올 때 주로 application/json, 데이터를 보낼 때, multipart/form-data를 사용했었습니다 이번에 ..

[Git] hotfix / 핫픽스란?

2022.09.16· 개발/Etc...

📢 프로덕션 운영 배포를 위해서 스테이지에 먼저 배포를 하고 그 스테이지 배포를 위한 브랜치 develop에 모든 작업들을 우선적으로 merge 했었는데, 다른 프로젝트로 인해서 master와 develop의 버전 차이가 있어서 급하게 master에서 hotfix 브랜치를 따서 작업을 진행해야 했다. 이미 배포되어있는 버전에서 급한 문제나 버그가 생기면 해결하기 위해서 쓰는 전략을 이야기하는 것이 hotfix입니다. 주로 브랜치로만 작업을 해왔기에 무엇인지 정확하게 인지하기 위해서 조사를 했다. 시니어 : '핫픽스 따서 진행해주세요~' me : ?????????????? Hotfix는 짧은 호흡의 브랜치로 develop에서 따는게 아니라 master에서 따서 만들어지고 합쳐진다. 그리고 develop에도..

[플러터] Listview 에 생기는 공백

2022.08.15· 개발/Flutter

[문제발생] 아아아아아아아니 왜 도대체 flutter에 listview 를 쓰면 이상한 공백이 생기는 것인가! 리스트를 화면 위로 올리면 제일 처음에 올라오는 리스트 위로 마치 margin을 준 것처럼 여백이 생겨나 있다. [해결책] padding: const EdgeInsets.symmetric( horizontal: 20, vertical: 12), listview를 써서 데이터를 map으로 돌려서 화면에 올려 줄 때 요 코드를 넣어주면 해결된다. horizontal, vertical 수치를 변화해서 넣어주면 되는데, 이것도 잘 써야한다. 뭔가 ... 무조건 0으로 넣어도 이상하다. 뭔가 이게 완전한 해결책이 아닌 것 같아 답답~~하다. ✔ 참고자료 https://velog.io/@tygerhwang..

2022년 상반기 회고록 - 주니어 개발자가 되다

2022.07.16· 개발/Etc...

벌써 7월의 반이 지나갔다. 거창한 것은 없지만 이제야 상반기 회고를 시작해보려고 한다. 주니어 개발자가 되다 작년부터 염원해오던 일이 이루어졌다. 다른 사람들 취업 후기에서나 보던 골라서 취업하던 상황이... 나에게도 비슷하게 일어났다!! 😲 더 좋은 조건에 회사를 포기하고 지금 회사를 선택했는데, 지금 회사가 훨씬 비전이 있어 보였고 현재 함께하고 있는 내 나이 또래의 동료들이 좋았다. 물론 정말 내 나이 또래는 다 5년 차 이상의 경력자들이다. ㅎㅎㅎ..... (나이가 뭣이중한디!!!) 더 높은 연봉을 제시했던 곳은 팀원들이 다 나가서 다시 셋업 중인 곳이라서 빠르게 무언가를 배워나가기에는 무리가 있을 것 같다는 생각이 들어서 현재의 회사에 남았다. 연봉은.... 앞으로 계속 오를 테니... (....

[220711] javascript - sleep() 지연 함수 쓰기!

2022.07.11· 개발/📝 TIL

리액트를 쓰다 보면 컴포넌트 간에 데이터를 전달할 일이 많다. 이때 받아오는 데이터보다 브라우저 화면이 먼저 처리될 때가 있다. 분명히 처음엔 화면에 잘 나오는데 새로고침만 하면 화면에 제대로 출력이 안 되는 것이 아닌가. 분명히 데이터는 가지고 있는데 말이다. 이럴 때, code의 실행을 살짝 지연시켜주면 해결된다! 이미 존재하는 데이터를 전달받아서 가져오는 것과 화면이 출력되는 것 두 가지의 실행이 싱크가 맞지 않아서 이런 현상이 나타나는 것이다. 😁 sleep함수는 입력한 시간만큼 code의 실행을 멈춰주는 기능이다. 자바스크립트 내에는 따로 sleep 함수가 존재하지는 않지만 필요하다면 delay 모듈을 사용해서 쓸 수 있다. delay모듈도 안된다? 그러면 setTimeout을 이용해서 만들 수..

[flutter/플러터] 버튼으로 Checkbox 토글하기

2022.07.10· 개발/Flutter

Demo 편집하기 버튼을 누르면 리스트 앞에 체크박스가 나타나면서 따로 선택할 수 있게 레이아웃을 구현해야한다. 레이아웃 구성 '편집하기' 와 '삭제하기' 버튼을 boolean 값으로 구분해서 만들기 Listview로 checkbox와 text를 한 줄로 넣어서 만들어준다 boolean값으로 checkbox가 나올때와 안 나올 때를 구분한다 반복되서 들어갈 checkboxmodal widget을 만들어줍니다 Listview 안에 들어갈 checkboxmodal을 만들어줍니다. title과 time은 필수라서 required를 붙여줍니다. class CheckBoxModal { String title; bool value; String time; String purpose; CheckBoxModal( {r..

[220702] TIL - aixos. get 쿼리로 쏘다!

2022.07.03· 개발/📝 TIL

React를 사용해서 서버와 통신을 하기 위해서는 Axios 혹은 Fetch와 같은 HTTP 클라이언트를 사용합니다 Fetch API는 네트워크 요청을 위해 fetch()라는 메서드를 제공합니다. 모던 브라우저에서 내장되어있어서 따로 설치할 필요 없이 바로 사용할 수 있습니다. 반면 Axios의 경우에는 npm이나 yarn을 이용해서 설치를 해야합니다. 둘 다 promise 기반이라서 이행 혹은 거부할 수 있는 promise를 반환합니다. Axios vs Fetch 문법 //Axios axios.get( url, { 옵션 }, {} ) or axios(url, { method: 'get', headers: { "Content-Type: "application/json" }, data: {}, }) //f..

전체 글

티스토리툴바