#리액트
85 편의 글
옛 리액트 코드 마이그레이션
Class component / Pages Router / Redux-only / fetch-on-mount 같은 옛 스타일 코드를 이 책의 modern 스타일로 옮기는 가이드.
왜 Next.js와 Server Components 인가
클라이언트 사이드 리액트의 한계와 Server Components가 풀어내는 문제, CSR · SSR · RSC의 차이를 정리합니다. 이 책 전체의 회전점이 되는 챕터입니다.
이벤트와 폼 타이핑
ChangeEvent · FormEvent · KeyboardEvent와 입력 핸들러의 타입, controlled · uncontrolled 폼의 TypeScript 패턴, 그리고 27장 Server Actions FormData의 토대까지 다룹니다.
인증과 세션 — Auth.js v5 / OAuth / JWT
JWT와 DB session의 선택 기준, Auth.js v5 셋업, Credentials와 OAuth provider, RSC · Client · Server Action · middleware 네 곳에서 세션을 읽는 패턴.
종합 실습 — 풀스택 Todo 앱 완성하기
1~33장의 패턴을 하나의 동작하는 풀스택 서비스로 엮습니다. RSC · Server Actions · DB · 인증 · 테스트까지.
컴포넌트 테스팅 — Vitest + Testing Library
Vitest + React Testing Library로 컴포넌트와 훅 테스트. render · userEvent · mocking 패턴, Next.js 환경에서의 주의점, CI 통합까지.
폼 다루기 (controlled inputs)
리액트에서 폼을 다루는 정석 패턴인 controlled component를 살펴봅니다. textarea · select · checkbox · radio 모두 같은 모델로 다루는 법까지.
