주요 디렉터리는 URL 생성, 정적 자산 제공, 빌드 결과, 프로젝트 설정으로 역할이 갈린다
구조를 기억할 때는 경로 이름보다 책임을 먼저 떠올리면 다음 장의 라우팅과 컴포넌트 분리가 쉬워진다.
| 기억할 질문 | 보는 위치 | 답 | 다음 학습 연결 |
|---|---|---|---|
| 이 URL의 화면은 어디 있나 | src/app/**/page.tsx | 폴더 경로가 URL이고 page가 화면 | 라우팅 |
| 모든 페이지 공통 UI는 어디 있나 | layout.tsx | children을 감싸는 공통 구조 | 중첩 레이아웃 |
| 이미지 파일은 어디 두나 | public | 루트 경로에서 직접 제공 | 이미지와 정적 파일 |
| 실행 명령은 어디서 보나 | package.json scripts | dev, build, start 같은 명령 | 개발 서버와 빌드 |
| 직접 수정하면 안 되는 곳은 어디인가 | node_modules, .next | 설치/빌드가 다시 만드는 영역 | 문제 해결과 재설치 |