written by yechoi

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

PostgreSQL은 uuid를 자동으로 생성하는 기능이 있습니다. 그리고 TypeORM에서 @PrimaryGeneratedColumn("uuid") 데코레이터를 사용하여 uuid를 primary key로 생성할 수 있습니다. 또한, @PrimaryGeneratedColumn("uuid")은 자동으로 생성하고 저장해줍니다. 단, 해당 데이터베이스에서 uuid 생성 함수를 호출하기 위해 관련 extension(uuid-ossp)을 설치해야 합니다. 설치되어 있지 않다면 typeORM 실행시 에러가 발생합니다. 설치 공식 postgres docker image가 제공하는 것 이외에 추가적인 초기화를 하고 싶다면, /docker-entrypoint-initdb.d/ 폴더에 있는 스크립트를 넣어두면 됩니다. 엔..

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

➰ Docker Docs 번역입니다. volume 볼륨은 도커 컨테이너에서 생산되고 사용되는 데이터를 영구적으로 저장하기 위한 방법이다. 바인드 마운트가 호스트 머신의 디렉토리 구조나 OS에 의존적인 반면, 볼륨은 도커에 의해 완전히 관리된다. 볼륨은 바인드 마운트에 비해 다음의 장점을 가진다. 바인드 마운트보다 백업하거나 마이그레이트 하기 휩다 Docker CLI 커맨드나 Docker API를 활용해 관리할 수 있다. 리눅스, 윈도우 컨테이너 모두에서 작동한다. 여러 컨테이너 간 공유할 때 더 안전하다. 볼륨 드라이버는 리모트 호스트나 클라우드 공급사에 볼륨을 하거나, 내용을 해독, 다른 기능을 더할 수 있도록 한다. 새로운 볼륨은 컨테이너에 의해 이미 생성된 컨텐트를 가질 수 있다. Docker De..

humansof42.com 이라는 웹사이트를 운영하고 있다. 나의 첫 웹프로젝트였으며, 42서울 사람들의 이야기를 담는 인터뷰 채널이다. 기획 단계에서부터 지금까지 약 반년이라는 시간이 흘렀다. 개발한 시간 2개월, 운영한 시간 4개월 정도. 매주 한건의 인터뷰를 발행하고 있고, 이 콘텐츠를 위해 참여하고 있는 팀원은 9명으로 늘어났다. 그간의 과정을 기록해보려 한다. 💪 시작 시작은 42에서 채워주지 못한 것을 해봐야겠다는 생각에서였다. 42에서는 주로 C/C++로 로우한 레벨의 프로젝트를 한다. 공식적인 교육과정 상에서 웹프로젝트를 경험할 수 있는 건 공통과정의 마지막에서다. (지금은 웹피신이 생겨서 일찍 경험해볼 기회가 만들어지긴 했지만 그 당시에는 그랬다.) 그러니까 교육을 시작하고 1년 6개월쯤..