create-next-app 선택지는 이후 학습 주제의 출발점을 미리 배치한다
초기 옵션을 왜 고르는지 알면 다음 장에서 파일 경로와 개념이 갑자기 등장하지 않고 자연스럽게 이어진다.
| 초기 선택 | 생기는 기준 | 이어지는 학습 | 초반에 확인할 파일 |
|---|---|---|---|
| App Router | 파일 기반 라우팅과 중첩 layout | route segment, layout, loading, error | src/app/page.tsx, layout.tsx |
| TypeScript | 컴포넌트와 데이터의 타입 확인 | props 타입, 서버 함수 반환 타입 | tsconfig.json, .tsx 파일 |
| src 디렉터리 | 소스 코드와 설정 파일 분리 | 컴포넌트, lib, app 구조화 | src/app 폴더 |
| ESLint | 코드 품질 검사 루틴 | 빌드 전 오류 정리, 팀 컨벤션 | eslint 설정, npm run lint |
| import alias | 긴 상대 경로를 줄이는 규칙 | 컴포넌트 분리와 모듈 import | tsconfig.json paths |