레이아웃 컴포넌트 생성 및 중첩

1

레이아웃 컴포넌트의 본질과 역할

레이아웃 컴포넌트는 app 디렉터리 내의 특정 라우트 세그먼트 폴더 안에 위치한 layout.tsx 파일입니다.

2

레이아웃 중첩의 작동 방식

App Router에서 레이아웃은 폴더 구조에 따라 자동으로 중첩됩니다.

3

레이아웃 컴포넌트 생성 실습

이전에 만들었던 대시보드 예제를 바탕으로, 특정 하위 페이지에만 적용되는 중첩 레이아웃을 추가해 보겠습니다.

4

레이아웃에서 데이터 공유

레이아웃은 서버 컴포넌트이므로, 해당 레이아웃이 적용되는 모든 하위 컴포넌트(다른 레이아웃, 페이지 컴포넌트)에서 공통적으로 필요한 데이터를 레이아웃에서 미리 페칭할 수 있습니다.