Render Props 패턴을 활용해 로직 분리하기
render props 패턴을 활용해 환경별 비즈니스 로직과 렌더링 로직을 분리해 코드의 가독성을 높인 경험에 대해 작성한 포스트입니다.
- render-props
- context
React 리스트 리렌더링과 key prop 관련 Issue 해결하기
프로젝트를 진행하며 발생했던 리스트 리렌더링과 key prop 관련 이슈를 해결한 내용을 다룬 포스트입니다.
- rerender
- key
- @egjs/react-infinitegrid
- MasonryGrid
서버 컴포넌트의 클라이언트 로직 분리하기
React.cloneElement API를 활용해 클라이언트 로직을 서버 컴포넌트로부터 분리한 방법에 대해 다룬 포스트입니다.
- rsc
- cloneElement
- asChild
- callbackRef
모노레포 서브패키지 타입 체킹
모노레포 구조에서 각 서브패키지에 대한 타입을 체킹하고 이를 자동화한 과정에 대해 다룬 포스트입니다.
- tsc
- monorepo
pnpm 기반 모노레포 의존성 트러블슈팅
pnpm 기반의 모노레포 프로젝트에서 라이브러리를 사용하기 위한 셋업 과정에서 발생한 의존성 이슈와 해결 방법에 대해 작성한 포스트입니다.
- monorepo
- pnpm
- jest
- react-testing-library
NodeJS 기반 서비스의 중단 현상 해결하기 with PM2
NodeJS 기반 서비스의 Process Manage를 위한 패키지 PM2를 이용해, 서비스의 중단 현상을 해결한 과정에 대해 정리한 포스트입니다.
- pm2
블로그 Pages Router → App Router 전환기 2편 [NextJS]
NextJS v12의 Page Router 방식으로 개발된 개인블로그를 NextJS v13(14)의 AppRouter로 전환하면서 있었던 과정에 대해 정리한 포스트입니다.
- nextjs
- rsc
블로그 Pages Router → App Router 전환기 1편 [NextJS]
NextJS v12의 Page Router 방식으로 개발된 개인블로그를 NextJS v13(14)의 AppRouter로 전환하면서 있었던 과정에 대해 정리한 포스트입니다.
- nextjs
- rsc