feat: 기본 레이아웃 설정, 스타일 설정, 메뉴 세팅 (ui는 kamco 프로젝트 기반)

web-app/app/routes/code/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>공통코드 관리</div>;
+}

web-app/app/routes/hyper-parameter/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>하이퍼파라미터 설정</div>;
+}

web-app/app/routes/inference/[id]/page.tsx

@@ -0,0 +1,5 @@
+import type { Route } from './+types/page';
+
+export default function Page({ params }: Route.ComponentProps) {
+  return <div>추론 상세 id: {params.inferenceId}</div>;
+}

web-app/app/routes/labeling/label/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>라벨링 작업</div>;
+}

web-app/app/routes/labeling/review/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>라벨링 검수</div>;
+}

web-app/app/routes/layout.tsx

@@ -1,10 +1,31 @@
 import { Outlet } from 'react-router';
 
+import { LayoutMenu } from '~/shared/components/menu/LayoutMenu';
+import { MENU_ITEMS } from '~/shared/constants/menu';
+
 export default function Layout() {
   return (
-    <div>
-      기본 레이아웃
-      <Outlet />
+    <div className="flex h-screen w-screen">
+      <aside className="bg-primary-tertiary01 z-10 h-full w-[260px] flex-none shadow-[4px_0_5px_0_rgba(0,0,0,0.1)]">
+        <div className="flex flex-col items-center bg-white pt-6 pb-4">
+          <div className="flex items-center justify-center pb-7">
+            <span className="text-xl font-bold text-primary">DABEEO</span>
+          </div>
+          <div className="text-sm text-gray-600">사용자 정보</div>
+        </div>
+        <div className="bg-primary flex h-12 items-center px-5 font-bold text-white">
+          변화탐지관리
+        </div>
+        <LayoutMenu items={MENU_ITEMS} />
+      </aside>
+      <main className="bg-primary-tertiary02 flex flex-1 min-w-0 flex-col">
+        <div className="bg-primary w-full h-4" />
+        <div className="flex min-h-0 flex-1 flex-col gap-6 px-8 pt-6 pb-8">
+          <div className="flex min-h-0 flex-1">
+            <Outlet />
+          </div>
+        </div>
+      </main>
     </div>
   );
 }

web-app/app/routes/log/audit/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>감사 로그</div>;
+}

web-app/app/routes/log/system/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>시스템 로그</div>;
+}

web-app/app/routes/model/[id]/page.tsx

@@ -0,0 +1,5 @@
+import type { Route } from './+types/page';
+
+export default function Page({ params }: Route.ComponentProps) {
+  return <div>모델 상세 id: {params.modelId}</div>;
+}

web-app/app/routes/model/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>모델 목록</div>;
+}

web-app/app/routes/page.tsx

@@ -0,0 +1,5 @@
+import { Navigate } from 'react-router';
+
+export default function Page() {
+  return <Navigate to="/imagery/aerial" replace />;
+}

web-app/app/routes/schedule/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>스케줄 목록</div>;
+}