React / Next.js

React: JSX, Virtual DOM, reconciliation, fiber 아키텍처

현대적 hooks: useState, useEffect, useContext, useMemo, useCallback, useActionState

Server Components vs Client Components ("use client"), 컴포지션 패턴

Props, State, state 끌어올리기, prop drilling과 해결책

React 수명 주기, useEffect cleanup, dependency array, strict mode

Next.js App Router: 라우팅, layouts, templates, loading/error states

데이터 페칭: 비동기 Server Components, fetch 캐싱, 재검증 전략

Server Actions: progressive enhancement, useActionState, 폼 처리

렌더링 전략: SSR, SSG, ISR, client-side, streaming

상태 관리: Context API, Zustand, Redux Toolkit, 서버 상태 (TanStack Query)

성능: React.memo, useMemo, useCallback, lazy loading, Suspense boundaries

라우팅: 동적 라우트, parallel routes, intercepting routes, middleware

메타데이터와 SEO: generateMetadata, sitemap, robots.txt, Open Graph

테스트: 컴포넌트 테스트, 통합 테스트, E2E, mocking, 테스트 패턴

빌드 최적화, 번들 분석, 배포 (Vercel, Docker), 모니터링