Next.js 14 - 고급 교육 과정

소개

현대 React

• React 18 및 19의 새로운 기능
• 현대적 도구와 접근 방식의 변화

React 고급 후크

• useMemo, useCallback, useDispatch, useRef, useImperativeHandle

React의 동시 모드

• useTransition, useDeferredValue 후크 사용

Next.js 라우팅

• App Router와 Pages Router의 차이점

Next.js의 렌더링 전략

• 서버 사이드 렌더링 대 단일 페이지 애플리케이션 대 정적 생성

서버 구성 요소 및 서버 작업

• 'use server' 및 'use client' 지시어 사용

데이터 페칭 및 캐싱

• 증분 정적 재생 전략

Next.js을 백엔드로 사용

• Edge Functions 및 Edge 런타임

State Management

• React 컨텍스트, Redux 및 원자 상태 관리(Zustand)

Next.js에서 템플릿 생성

• 재사용 가능한 템플릿
• 사용 가능한 CSS 접근 방식 및 템플릿 라이브러리

성능 최적화

• 로드 시간 개선 및 높은 Web Core Vitals 점수 달성

수단

Next.js에서 테스트

모노레포 전략

• Next.js TurboRepo / Nx를 사용하여

모니터링, 배포 및 오케스트레이션

요약 및 다음 단계