written by yechoi

데이터 가져오기, 구독(subscription) 설정하기, 수동으로 리액트 컴포넌트의 DOM을 수정하는 것까지 이 모든 것이 side effects입니다. 이런 기능들(operations)을 side effect(혹은 effect)라 부르는 것이 익숙하지 않을 수도 있지만, 아마도 이전에 만들었던 컴포넌트에서 위의 기능들을 구현해보았을 것입니다. useEffect가 하는 일은 무엇일까요? useEffect Hook을 이용하여 우리는 리액트에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야하는 지를 말합니다. 리액트는 우리가 넘긴 함수를 기억했다가(이 함수를 ‘effect’라고 부릅니다) DOM 업데이트를 수행한 이후에 불러낼 것입니다. 위의 경우에는 effect를 통해 문서 타이틀을 지정하지만, 이 외에도..

협업할 때 사용하고 있는 툴과 컨벤션을 문서로 정리해보았다. ✔️ 작업 환경 설정 코딩 스타일을 팀원과 같게 유지하기 위해 아래의 도구를 사용한다. yarn npm과 yarn은 모두 package.json 에 버전을 명시하고 의존성을 추적 관리하는 패키지 매니저이다. 이중 패키지 매니저는 yarn으로 통일한다. 이유는 다음과 같다. 여러 패키지를 설치할 때 npm은 순차적으로 설치되는 반면, yarn은 병렬로 처리돼 설치 시간 단축 yarn은 npm과 달리 패키지를 중복으로 설치하는 경우가 없음 패키지를 설치할 때는 '개발용' 구분을 명확히 한다. 개발용일 경우 아래의 커맨드로 '개발의존성(Devdependencies)' 수준으로 추가한다. yarn add -D[or --dev] [package_name..