Nested Routes

중첩 라우트 구조

대시보드 구조를 예로 들어 폴더 중첩, 하위 페이지, 공통 레이아웃의 역할을 구분합니다.

Dashboard

상위 영역

dashboard 폴더는 관리 화면 전체의 진입점과 공통 구조를 맡습니다.

Children

하위 메뉴

settings, profile, analytics 같은 폴더가 독립 페이지가 됩니다.

Shared UI

공통 사이드바

대시보드 레이아웃에 메뉴와 헤더를 두면 하위 이동 중 유지됩니다.

구조 기준

URL이 복잡해질수록 공통 UI 위치가 중요하다

중첩 라우트는 폴더를 많이 만드는 일이 아니라 사용자가 같은 작업 공간에 머무는 구조를 표현하는 일입니다.

중첩 라우트 설계값

경로하위 페이지 주소가 사용자가 이해하기 쉬운지 확인합니다.
공유상위 layout에 둘 UI와 각 page에 둘 UI를 나눕니다.
확장새 하위 메뉴를 추가할 때 기존 경로가 흔들리지 않게 합니다.