JavaScript26React19TroubleShooting6Web3TypeScript2NodeJS2Git1

Render Props 패턴을 활용해 로직 분리하기

render props 패턴을 활용해 환경별 비즈니스 로직과 렌더링 로직을 분리해 코드의 가독성을 높인 경험에 대해 작성한 포스트입니다.

• render-props
• context

2024.6.11

서버 컴포넌트의 클라이언트 로직 분리하기

React.cloneElement API를 활용해 클라이언트 로직을 서버 컴포넌트로부터 분리한 방법에 대해 다룬 포스트입니다.

• rsc
• cloneElement
• asChild
• callbackRef

2024.2.18

블로그 Pages Router → App Router 전환기 2편 [NextJS]

NextJS v12의 Page Router 방식으로 개발된 개인블로그를 NextJS v13(14)의 AppRouter로 전환하면서 있었던 과정에 대해 정리한 포스트입니다.

• nextjs
• rsc

2023.11.8

블로그 Pages Router → App Router 전환기 1편 [NextJS]

NextJS v12의 Page Router 방식으로 개발된 개인블로그를 NextJS v13(14)의 AppRouter로 전환하면서 있었던 과정에 대해 정리한 포스트입니다.

• nextjs
• rsc

2023.11.7

데이터 구조에 유연하도록 Form 컴포넌트 개선하기

데이터와 타입에 강하게 결합되어 있던 Form 컴포넌트를 변화에 유연하도록 개선한 내용을 다룬 포스트입니다.

• context
• react-hook-form

2023.9.5

👻 Jotai 동작원리 파헤치기(2)

상태관리 라이브러리 Jotai의 내부 동작원리를 분석한 포스트입니다. 이 포스트에서는 Store와 관련된 동작에 대해서 다룹니다.

• jotai
• 상태관리

2023.8.2

👻 Jotai 동작원리 파헤치기(1)

상태관리 라이브러리 Jotai의 내부 동작원리와 소스코드를 분석한 포스트입니다. 해당 포스트에서는 기본이 되는 atom과 Provider에 대해서 다룹니다

• jotai
• 상태관리

2023.7.31

NextJS 프로젝트에서 QueryString 검증하기

ServerSide와 ClientSide에서 QueryString을 검증하는 여러 패턴과 방법에 대해 다룬 포스트입니다.

• nextjs
• hoc
• custom hooks

2023.5.29