생성된 폴더는 라우팅, 정적 파일, 설정, 의존성, 실행 명령의 책임으로 나눠 읽는다
파일이 많아 보여도 처음에는 무엇을 직접 수정하고 무엇을 생성물로 두는지 구분하면 충분하다.
| 파일/폴더 | 책임 | 처음 수정하나 | 확인 포인트 |
|---|---|---|---|
| src/app/page.tsx | 루트 페이지 화면 | 예 | 첫 화면 문구를 바꾸며 hot reload 확인 |
| src/app/layout.tsx | 공통 HTML, metadata, 전역 레이아웃 | 조금 뒤 | 페이지 전체에 적용되는 구조인지 확인 |
| src/app/globals.css | 전역 스타일 | 필요 시 | 프로젝트 전체 스타일에 영향 |
| public/ | 이미지, 폰트 같은 정적 파일 | 나중에 | 루트 경로로 직접 접근됨 |
| package.json | 의존성, 개발/빌드 명령 | 읽기 먼저 | dev, build, start, lint scripts |
| .next/, node_modules/ | 빌드 cache와 설치 패키지 | 아니오 | 직접 편집하지 않고 Git 제외 |