파일 관계 지도

Next.js 폴더 구조 책임

src/app, public, node_modules, .next, 설정 파일의 역할을 라우팅 원리와 연결해 봅니다.

src/app

라우팅의 중심

폴더 경로와 page.tsx가 브라우저 URL로 이어집니다.

public

정적 자산 창고

브라우저가 직접 접근할 파일은 public 아래에 둡니다.

.next

빌드 산출물

개발 서버와 빌드 과정이 만든 내부 결과이므로 직접 수정하지 않습니다.

구조 읽기

폴더를 보면 실행 책임이 보인다

어떤 파일은 URL을 만들고, 어떤 파일은 설정을 바꾸며, 어떤 폴더는 도구가 자동으로 관리합니다.

개발·빌드 실행 구분

작성 대상app, components, styles처럼 직접 고치는 영역을 분리합니다.
제공 대상public은 빌드 변환 없이 접근할 정적 파일을 둡니다.
생성 대상node_modules와 .next는 도구가 만들고 갱신하는 결과물입니다.