3. 레이아웃 중첩하기

레이아웃을 중첩하여 작성하기 위해서는, 각 라우트(하위 폴더 경로)에 layout.jsx를 중첩해서 작성하면 됨 → 내부적으로는 children props를 통해 자식 레이아웃을 감싸서(wrapping) 화면에 표시됨

최상위 경로인 app/ 레이아웃을 적용하면서 동시에 /dashboard 경로만의 고유한 레이아웃을 작성하여 레이아웃을 중첩시키기 위해서는 다음과 같이 작성해야함 → app/dashboard/layout.jsx

// app/dashboard/layout.jsx
export default function DashboardLayout({ children }) {
  return <section>{children}</section>
}

결과적으로 app/layout.jsx는 dashboard/layout.jsx를 감싸면서 레이아웃이 중첩되어 적용됨