React / Next.js

카테고리의 글 목록입니다.

11개의 글

All Posts

11개

// React / Next.js2026년 5월 16일 · 7 min read

Modal이 많은 도메인에서 Config을 어떻게 짤지 두 가지 패턴을 비교했다. 정적 Map과 Factory Map의 차이는 결국 Controller의 역할을 어디까지로 정의할 것인가의 문제였다.

// React / Next.js2026년 5월 16일 · 10 min read

React 렌더링이 왜 동기인지부터 useEffect, Suspense, Server Components, Next.js fetch 캐시까지 React 생태계의 비동기 모델을 정리하고 실무에서 자주 만나는 함정을 함께 다룬다.

// React / Next.js2026년 5월 16일 · 7 min read

Redux Toolkit + Next.js + redux-persist 환경에서 store/slice/selector/hook을 어떻게 나눠야 안전한지, 실제 프로젝트를 운영하며 정리한 표준 구조.

// React / Next.js2026년 5월 5일 · 10 min read

Next.js Pages Router의 getServerSideProps와 getStaticProps가 언제 실행되고 왜 필요했는지, App Router에서는 어떤 방식으로 대체되는지 정리했다.

// React / Next.js2026년 5월 4일 · 4 min read

Next.js 16에서 middleware.ts가 proxy.ts로 바뀐 이유와 Proxy의 실행 위치, matcher, redirect, rewrite 사용 기준을 정리했다.

// React / Next.js2026년 5월 4일 · 5 min read

브라우저 API 요청을 /api/proxy로 통일하고 Next.js Proxy에서 백엔드로 rewrite하는 BFF 패턴을 실제 프로젝트 구조를 바탕으로 정리했다.

// React / Next.js2026년 5월 4일 · 4 min read

Next.js Proxy가 일반 HTTP rewrite에는 적합하지만 SSE와 WebSocket 같은 장기 연결에는 Route Handler, custom server, gateway 분리가 필요한 이유를 정리했다.

// React / Next.js2026년 5월 3일 · 11 min read

Next.js 16 기준으로 App Router와 Pages Router의 라우팅 구조, 데이터 패칭, 레이아웃, 서버 컴포넌트, API 작성 방식, 마이그레이션 기준을 비교했다.

// React / Next.js2026년 4월 27일 · 5 min read

SSE로 수신한 알람을 SharedWorker에서 받아 배칭하고, FULL_REFRESH와 ROW_UPDATE 두 전략으로 분기해 React Query 캐시를 직접 업데이트하는 설계를 파헤쳤다.

// React / Next.js2026년 4월 19일 · 4 min read

네 가지 렌더링 방식이 언제 HTML을 만들고, 데이터를 어디서 가져오며, 어떤 트레이드오프가 있는지 Next.js 기준으로 정리했다.

// React / Next.js2026년 4월 19일 · 4 min read

React Server Components가 등장한 배경과 클라이언트 컴포넌트와의 차이, 실제로 어떤 기준으로 구분해서 써야 하는지 정리했다.