App Router

폴더와 URL 매핑도

App Router는 app 폴더의 segment 구조를 URL 경로로 해석하고, page.tsx가 실제 렌더 지점이 된다.

파일 구조가 라우트가 되는 규칙

folder routing

segment 폴더

app/about 폴더는 /about 경로 segment가 된다.

page.tsx

해당 경로에서 렌더링할 화면 엔트리다.

중첩 경로

폴더를 더 깊게 만들면 URL도 같은 단계로 깊어진다.

동적 segment

[slug] 폴더는 요청값을 params로 받는다.

appfolderpage.tsxURLparams
파일 구조가 라우트가 되는 규칙

Next 라우팅은 설정표보다 폴더 구조를 먼저 읽으면 쉽다. 화면이 나오는 지점은 항상 page 파일이다.