React Hook Form의 핵심 개념부터 고급 패턴까지. 성능 최적화, Zod 통합, 복잡한 폼 처리 방법을 실전 예제와 함께 알아봅니다.

Storybook 8로 컴포넌트 문서화, 인터랙티브 테스트, 접근성 검증, CI/CD 통합까지. 디자인 시스템과 연계한 실전 가이드입니다.

Framer Motion을 활용한 React 애니메이션 구현 방법을 알아봅니다. 선언적 애니메이션, 제스처, 레이아웃 전환, 스크롤 애니메이션까지 실전 예제와 함께 학습합니다.

Vite의 핵심 원리부터 실무 활용까지. Native ES Modules와 esbuild로 빠른 개발 경험을 제공하는 Vite의 모든 것을 알아봅니다.

pnpm workspace와 Turborepo를 활용한 효율적인 Monorepo 구축 방법을 실전 예제와 함께 상세히 알아봅니다.

CSS-in-JS, Tailwind CSS, CSS Modules의 특징, 성능, DX를 실제 코드와 벤치마크로 비교하고 프로젝트 유형별 최적의 선택 가이드를 제시합니다.

React 19의 Actions 패턴을 완벽히 이해합니다. useActionState, useFormStatus, useOptimistic 훅의 사용법과 Server Actions, 낙관적 업데이트, 폼 처리 패턴을 실전 예제와 함께 다룹니다.

React Server Components의 개념, 동작 원리, 작성법을 상세히 알아봅니다. Client Components와의 조합 방법, Next.js에서의 활용, 성능 최적화 전략까지 실전 예제와 함께 다룹니다.

React 18에서 19로 안전하게 마이그레이션하는 방법을 단계별로 알아봅니다. Breaking changes, API 변경사항, 그리고 실무에서 마주치는 이슈 해결책까지 상세히 다룹니다.

Core Web Vitals(LCP, INP, CLS) 측정과 개선, Vite/Webpack 번들 최적화, next/image와 lazy loading, 실제 성능 개선 사례까지. 프론트엔드 성능 최적화의 모든 것