고급 라우트 계획

고급 라우팅은 URL 책임과 UI 슬롯을 분리해 읽는다

Route Groups, Parallel Routes, Intercepting Routes를 섞을수록 실제 URL, layout props, fallback 파일의 계약을 따로 확인해야 합니다.

G (marketing)

Route Groups

URL은 유지하면서 폴더와 layout 책임만 나눕니다.

/about 경로 충돌

/about 경로가 중복되지 않는지 봅니다.

P @team

Parallel Routes

하나의 layout에서 여러 UI 패널을 동시에 렌더링합니다.

default 슬롯 대비

default.tsx로 새로고침 상태를 대비합니다.

I (..)photo

Intercepting Routes

목록 화면의 맥락을 유지하면서 상세 route를 모달로 렌더링합니다.

intercept route 유지

/photo/[id] 전체 페이지를 유지합니다.

props

slot 이름 일치

폴더명과 layout 인자 이름을 맞춥니다.

fallback

빈 상태 준비

slot과 modal에는 default 파일을 둡니다.

route

최종 URL 확인

서로 다른 group의 경로 충돌을 피합니다.

access

직접 접근 확인

새로고침과 공유 URL에서도 화면이 열려야 합니다.