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/components/AppHeader.tsx
+++ b/src/app/components/AppHeader.tsx
@@ -0,0 +1,13 @@
+export function AppHeader() {
+  return (
+    <header style={{ display: "flex", justifyContent: "space-between", padding: 12 }}>
+      <div>msg App</div>
+      <nav style={{ display: "flex", gap: 12 }}>
+        <a href="/">홈</a>
+        <a href="/boards">게시판</a>
+      </nav>
+    </header>
+  );
+}
+
+