loading.tsx·error.tsx — 로딩과 에러 UI 분리
App Router 특수 파일 loading·error·not-found 로 UX 자동화. Suspense·ErrorBoundary 정리. 교재 11편.
jspark1st
Stream — 대용량 파일을 메모리 걱정 없이
Node Stream — Readable·Writable·Transform 3종, pipeline·for await. 1GB 파일 청크 처리. 교재 10편.
폼과 뮤테이션 — useActionState·낙관적 업데이트
useActionState·useOptimistic·useFormStatus·Zod 검증. Next.js 폼 뮤테이션 실전 패턴. 교재 10편.
비동기 패턴 — 콜백·Promise·async/await
Node 비동기 진화사 — 콜백 헬, Promise, async/await. 세 시대의 코드 모양과 변환 방법, 실전 패턴. 교재 9편.
Server Actions — 서버 함수를 폼에서 바로
Next.js Server Actions — use server 로 서버 함수를 폼에서 바로 호출. API 없이 mutation. 교재 9편.
이벤트 루프 완전 정리 — Call Stack·Queue·libuv
Node 이벤트 루프 — Call Stack·Macrotask·Microtask·libuv 6단계가 도는 방식. 비동기 정체. 교재 8편.
서버에서 데이터 가져오기 — fetch와 async
async Server Component 에서 fetch·DB 직호출. 병렬·순차·캐시 옵션 정리. 데이터 fetching 교재 8편.
path와 os 모듈 — 경로와 시스템 정보 다루기
Node.js path 모듈로 크로스 플랫폼 경로 안전하게 다루기, os 모듈로 메모리·CPU·홈 디렉토리 정보 읽기. 자주 쓰는 메서드 정리. 교재 7편.
Metadata API로 SEO 설정 — Next.js Ch.7
Next.js Metadata API 한 객체로 title·description·OG·Twitter·sitemap·robots 한 번에. 교재 7편.
fs 모듈 — 파일 읽기·쓰기, 동기 vs 비동기
Node.js fs 모듈로 파일 읽고 쓰기. 동기·비동기·promises API 세 방식의 차이와 언제 무엇을 쓰나. 자주 쓰는 메서드 정리. 교재 6편.
Server vs Client Component — 차이와 기준
App Router 의 두 컴포넌트 모델 — 서버 컴포넌트(기본)와 클라이언트 컴포넌트(use client). 정확한 차이와 선택 기준. 교재 6편.
npm과 package.json — 의존성 관리의 기본
npm 으로 패키지 설치·버전 범위·lockfile·scripts. package.json 핵심 필드 정리. Node.js 교재 5편.