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

src/app/components/AppSidebar.tsx

@@ -0,0 +1,12 @@
+export function AppSidebar() {
+  return (
+    <aside style={{ width: 200, borderRight: "1px solid #eee", padding: 12 }}>
+      <ul style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+        <li><a href="/boards">게시판</a></li>
+        <li><a href="/admin">관리</a></li>
+      </ul>
+    </aside>
+  );
+}
+
+