Layout data

데이터는 필요한 화면 범위에 맞춰 배치한다

여러 하위 페이지가 함께 쓰면 layout에서 가져오고, 특정 화면에만 필요하면 page에서 가져오는 쪽이 단순합니다.

데이터 기준

어디에 둘지 먼저 고릅니다.

Root layout

app/layout.tsx

Segment layout

dashboard/layout.tsx

Page

settings/page.tsx

사용 범위

앱 전체에서 필요한 설정과 provider

대시보드 하위 화면이 공유하는 정보

현재 페이지에만 필요한 상세 데이터

이동 시 상태

대부분 유지됩니다.

같은 segment 안에서 유지됩니다.

페이지 전환 때 교체됩니다.

공유 UI

레이아웃에 둔다

사이드바, 헤더, 공통 사용자 정보처럼 함께 유지될 요소에 맞습니다.

화면 전용

페이지에 둔다

목록, 상세, 설정처럼 현재 URL에만 필요한 데이터에 맞습니다.

전환 효과

template 고려

이동마다 상태 초기화나 effect 재실행이 필요할 때 사용합니다.