Page Component

page 파일 진입점

App Router에서 폴더 경로는 라우트가 되고, 그 안의 page 컴포넌트가 해당 주소의 화면을 담당한다.

라우트 구성 기준

app router

폴더 경로

app 안의 폴더 구조가 사용자가 접근하는 URL 구조가 된다.

page.tsx

해당 경로에서 렌더링할 실제 페이지 컴포넌트를 내보낸다.

layout.tsx

여러 페이지가 공유하는 껍데기와 공통 UI를 담당한다.

컴포넌트 분리

페이지가 커지면 세부 UI는 별도 컴포넌트로 나눠 읽기 쉽게 만든다.

folderroutepageview
라우트 구성 기준

Next 페이지를 읽을 때는 URL에서 폴더로, 폴더에서 page 파일로 내려가면 화면의 책임 위치를 빠르게 찾을 수 있다.