5.1 앱 레이아웃/헤더/푸터/사이드바 구성

2025-10-09 15:22:05 +09:00
parent af206652cb
commit 37a5a5efde
4 changed files with 43 additions and 1 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,9 @@
 import type { Metadata } from "next";
 import "./globals.css";
 import QueryProvider from "@/app/QueryProvider";
+import { AppHeader } from "@/app/components/AppHeader";
+import { AppSidebar } from "@/app/components/AppSidebar";
+import { AppFooter } from "@/app/components/AppFooter";


 export const metadata: Metadata = {
@@ -17,7 +20,12 @@ export default function RootLayout({
    <html lang="en">
      <body>
        <QueryProvider>
-          {children}
+          <AppHeader />
+          <div style={{ display: "flex", minHeight: "80vh" }}>
+            <AppSidebar />
+            <main style={{ flex: 1, padding: 16 }}>{children}</main>
+          </div>
+          <AppFooter />
        </QueryProvider>
      </body>
    </html>