타입 안정성 확보
초기 설정은 늘어나지만 props, 라우트 파라미터, API 응답 형태의 불일치를 컴파일 단계에서 드러냅니다.
Project Init
프로젝트 생성 옵션
create-next-app 질문을 하나씩 해석해 TypeScript, ESLint, src 디렉터리, App Router 선택이 무엇을 바꾸는지 연결합니다.
소스 분리
설정 파일과 애플리케이션 코드를 분리해 프로젝트 루트에는 빌드 설정을, src 아래에는 실행 코드를 모읍니다.
이 교재의 기본값
app 디렉터리, layout, page, server component 흐름을 사용합니다.
생성 옵션은 나중의 코드 위치를 바꾼다
처음 질문에 어떻게 답했는지에 따라 예제 파일을 만들 위치와 라우팅 기준이 달라지므로 그대로 복기할 수 있어야 합니다.
프로젝트 생성 옵션 실수 방지
프로젝트명영문 소문자와 하이픈 중심으로 폴더 이름을 정합니다.
Tailwind교재 흐름과 다르면 스타일 예제를 조정해야 합니다.
Aliasimport alias를 켜면 경로가 짧아지지만 초반에는 위치 이해를 함께
해야 합니다.