React Hook Deep Dive
0. Hook이 도입된 배경
Hook은 React 16.8v 부터 새로 추가가 되었다. 함수형 프로그래밍이 FE 세계에서 확장되어가던 추세가 반영된 패치로, Class 개념 중심의 React가 함수 중심의 설계방식으로 사용가능하게 만들어준 개념이다.
Hook이 도입된 이유에는 단순히 함수형 프로그래밍으로 넘어가기 위한 것은 아니다. React라는 view library가 흥행할 수 있었던 근본적인 원인은 각 영역을 ‘컴포넌트’ 단위로 분리할 수 있다는 점이다.
기존에는 다양한 javascript 라이브러리를 통해서 DOM에 직접 접근 및 조정을 해야했기에 코드의 단순 반복 작업 및 유지 보수, 모듈화가 어려웠...
Monorepo 개선 작업
0. 모노레포 개선 배경
재사용성 향상 및 배포 일원화 등의 이점을 가져오기 위해 우리팀은 멀티레포로 서비스마다 흩어져있던 코드들을 2020년에 모노레포를 구축했다. 클라이언트 영역의 코드들을 패키지 단위로 관리하기 위한 Yarn Workspace, 플랫폼화 된 SSR환경 구축 및 성능 최적화나 개발 편의성을 적은 리소스로 얻어 서비스 개발에 집중할 수 있도록 Next.js 프레임워크를 도입했다.
그런데 처음 항공을 시작으로 호텔, 이벤트, 출장 등 여러 서비스들이 추가되면서 점차 규모가 커졌음에도 불구하고 레포의 기반이되는 세팅 부분은 크게 변경되지 않은채 계속해서 사용되고 있었다. 나는 이 모노레포를 개선하면...