이 책을 읽기 전에 알아야 할 것

이 책은 Next.js를 처음 배우는 분을 위한 책이지만, React와 TypeScript 기초는 알고 있다고 가정합니다.

권장 선수 지식:

• React: 컴포넌트, props, useState, useEffect 사용 경험
• TypeScript: 기본 타입, 인터페이스, 제네릭 이해 (소설처럼 읽는 TypeScript 수준)
• HTML/CSS: 기본 마크업과 스타일링
• JavaScript: ES6+ 문법 (화살표 함수, 구조 분해, async/await)

React를 처음 접하는 분이라면 먼저 React 기초를 학습하고 돌아오기를 권장합니다. TypeScript가 낯설다면 「소설처럼 읽는 TypeScript」를 먼저 읽으시면 이 책의 코드가 더 잘 이해됩니다.

이 책의 구성

PART 00. 들어가기          ← 지금 여기PART 01. 개발 환경 준비하기  ← 설치하고 첫 화면 띄우기PART 02. 렌더링의 세계      ← SSR, CSR, SSG, ISR 개념 이해PART 03. 라우팅과 레이아웃   ← 페이지 구조 만들기PART 04. Server Components  ← Next.js 핵심 패러다임PART 05. 데이터 페칭        ← 데이터를 가져오고 저장하기PART 06. 인증과 미들웨어    ← 로그인 구현하기PART 07. 실전 프로젝트      ← 풀스택 블로그 만들기PART 08. 배포              ← Vercel과 Docker로 배포하기PART 09. 마무리            ← 다음 단계 안내

PART 02~06은 각각 독립적인 개념을 다루지만, 순서대로 읽는 것을 권장합니다. 특히 PART 04(Server Components)는 Next.js에서 가장 낯선 개념이므로 건너뛰지 마세요.

PART 07의 실전 프로젝트는 PART 01~06에서 배운 모든 것을 통합합니다. 앞의 내용을 충분히 이해한 후 진행하는 것이 좋습니다.

이 책의 학습 흐름

이 책은 개념을 설명할 때 이야기 형식을 자주 사용합니다. 서버와 클라이언트를 주방과 홀에 비유하고, 라우팅을 건물의 공간 설계에 빗댑니다. 딱딱한 기술 문서가 아니라 이야기를 읽듯이 읽다 보면, 어느새 개념이 머릿속에 자리를 잡을 것입니다.

코드 예제는 모두 직접 실행할 수 있습니다. 읽기만 하지 말고 직접 타이핑해보세요. 눈으로 읽은 것과 손으로 쓴 것은 기억에 남는 깊이가 다릅니다.

실습 코드 저장소

이 책의 모든 코드는 GitHub에서 확인할 수 있습니다.

https://github.com/sung2ne/textbook-nextjs

각 챕터의 코드는 브랜치로 구분되어 있어서, 특정 시점의 코드를 바로 확인할 수 있습니다.

다음 챕터에서는 실습 코드 저장소 사용 방법을 안내합니다.