Nested routing

Outlet 화면 교체

중첩 라우팅은 URL 계층을 UI 계층과 맞추는 방식이다. 부모 Route는 공통 껍데기를 렌더링하고, 자식 Route는 Outlet 위치에 들어간다.

UI 유지 영역

parent
Layout

DashboardLayout

사이드바와 헤더처럼 모든 하위 화면에서 유지되는 UI를 가진다.

Outlet

자식 화면 자리

overview, settings, analytics 중 현재 URL에 맞는 컴포넌트가 들어간다.

Route 작성 판단

child

부모 경로

/dashboard는 공통 레이아웃과 하위 경로의 기준점이다.

Index route

/dashboard로만 들어왔을 때 기본 자식 화면을 정한다.

Relative link

to="settings"는 부모 경로 뒤에 붙어 /dashboard/settings가 된다.

중첩 렌더링 순서

outlet 흐름
parent layout child Outlet page