#리액트
85 편의 글
useContext — 적절한 경우와 부적절한 경우
prop drilling을 풀어 주는 Context API. 사용 3단계 · value 분리 패턴 · 외부 상태 라이브러리와의 경계까지 다룹니다.
useEffect — 사용 시점과 회피 시점
부수 효과의 정의, 의존성 배열, cleanup의 역할, 그리고 useEffect를 쓰지 말아야 할 경우를 함께 정리합니다.
개발 환경 설정 (Node.js + Vite)
Node.js와 pnpm을 깔고 Vite로 첫 리액트 프로젝트를 만들어 dev server를 띄웁니다. 이 책의 모든 예제가 이 환경 위에서 동작합니다.
데이터 페칭과 캐싱
Server Component에서 `async / await`로 데이터를 직접 가져오는 패턴, Next.js 15의 fetch 캐시 옵션 (`force-cache` / `no-store` / `revalidate`), 라우트 레벨 옵션, 그리고 병렬 페칭과 `error.tsx`까지.
라우팅 개요 (React Router)
SPA의 라우팅 개념, React Router v7의 기본 사용법, 그리고 4부 Next.js App Router와의 동작 방식 비교를 한 번에 다룹니다.
배포와 관측성 — Vercel · Cloudflare Pages · Sentry · PostHog
Next.js를 Vercel과 Cloudflare Pages에 배포, preview deploy, 환경변수, Sentry로 에러 추적, PostHog로 제품 분석. 출시 후 4주를 위한 도구 한 세트.
상태 끌어올리기 (lifting state up)
두 형제 컴포넌트가 같은 데이터를 공유할 때 쓰는 핵심 패턴. 언제 끌어올리고 언제 안 끌어올리는지, 그리고 12장 useContext로의 자연스러운 다리까지 다룹니다.
성능 · 번들 · Web Vitals
Core Web Vitals (LCP · INP · CLS) 측정과 개선. Lighthouse · bundle 분석 · code splitting · RSC streaming · next/image · next/font · INP 최적화까지.
성능 최적화 (memo · useMemo · useCallback · 그리고 React Compiler)
memo / useMemo / useCallback의 역할과 흔한 오용을 정리하고, React Compiler 도입 후 무엇이 바뀌고 무엇이 그대로 남는지까지 짚습니다.