Ch 05. 이 책의 구성과 학습 로드맵

선수 지식 체크리스트

이 책은 다음 경험이 있는 분을 기준으로 작성했습니다. 아래 항목이 낯설다면 해당 개념을 먼저 익히고 돌아오길 권합니다.

• Vue 3 Composition API 기본 사용 경험 (ref, computed, watch, defineProps 등)
• TypeScript 기초 (타입 선언, 인터페이스, 제네릭 기초)
• HTTP/REST API 개념 (GET/POST/PUT/DELETE, 상태 코드, JSON)
• Node.js 설치 및 npm/pnpm 패키지 관리 경험

모든 항목을 완벽하게 알 필요는 없습니다. 실습을 진행하면서 필요할 때 관련 개념을 자연스럽게 보완하게 됩니다.

PART별 학습 목표 요약

PART 00. 들어가기 — 왜 Nuxt인지, 무엇이 달라지는지, 전체 그림을 이해합니다. (지금 여기입니다.)

PART 01. 개발 환경 준비하기 — Node.js, pnpm, VS Code 설정부터 Nuxt 프로젝트 생성, 디렉토리 구조 파악까지 마칩니다.

PART 02. 라우팅과 페이지 — 파일 기반 라우팅, 동적 라우트, 중첩 라우트, 레이아웃을 익힙니다.

PART 03. 컴포넌트와 상태 관리 — 자동 임포트 컴포넌트, Composable 패턴, Pinia로 전역 상태를 다룹니다.

PART 04. 데이터 페칭과 렌더링 전략 — useFetch, useAsyncData, SSR/SSG/CSR 전략을 선택하는 기준을 배웁니다.

PART 05. Nitro 서버와 풀스택 개발 — server/api/에서 REST API를 만들고, Prisma로 데이터베이스를 연동합니다.

PART 06. 실전 프로젝트 — 블로그 서비스 — 앞서 배운 개념을 모아 블로그 서비스를 처음부터 완성합니다.

PART 07. 배포와 운영 — Vercel 배포, PM2를 이용한 셀프 호스팅, 환경변수 관리를 다룹니다.

PART 08. 마무리 — 다음 단계로 나아가기 위한 학습 자료와 Nuxt 생태계 확장 방향을 안내합니다.

학습 로드맵

순서대로 읽는 것을 권장합니다. 특히 PART 05까지는 앞 내용을 기반으로 코드가 쌓여가는 구조이기 때문에 건너뛰면 코드 맥락을 잃게 됩니다. 빠르게 훑고 싶다면 PART 01, 02, 05를 우선 읽고 나머지를 채워가는 방식도 괜찮습니다.