request assembly

URL 렌더 트리 변환

App Router를 읽을 때는 폴더가 경로 후보를 만들고, 파일이 화면과 상태, 서버 응답의 책임을 확정한다고 보면 구조가 선명해집니다.

1

URL 분해

/dashboard/settings를 세그먼트 단위로 나눕니다.

2

폴더 매칭

일반 폴더, 라우트 그룹, private folder를 구분합니다.

3

파일 선택

layout.tsx, page.tsx, 상태 파일을 찾습니다.

4

경계 확정

기본 서버 컴포넌트 위에 필요한 클라이언트 컴포넌트만 얹습니다.

5

응답 조립

HTML과 RSC Payload가 브라우저에서 하나의 화면으로 이어집니다.

예약 파일은 화면의 순간을 나눕니다

loading.tsx 데이터가 준비되는 동안의 대기 화면
error.tsx 라우트 구간에서 복구 가능한 실패 화면
not-found.tsx 해당 콘텐츠를 찾지 못했을 때의 안내 화면
route.ts UI가 아닌 HTTP 응답을 만드는 서버 엔드포인트