라우트 추가 (#2)

Reviewed-on: #2
Co-authored-by: Jinseok (심진석) <jinseok.sim@tf.dabeeo.com>
Co-committed-by: Jinseok (심진석) <jinseok.sim@tf.dabeeo.com>

web-app/app/routes.ts

@@ -1,9 +1,39 @@
 import type { RouteConfig } from '@react-router/dev/routes';
 
-import { index, route } from '@react-router/dev/routes';
+import { index, route, layout, prefix } from '@react-router/dev/routes';
 
 export default [
-  index('routes/home.tsx'),
-  route('users', './routes/users.tsx'),
+  layout('./routes/login/layout.tsx', [
+    route('login', './routes/login/page.tsx'),
+  ]),
+  layout('./routes/layout.tsx', [
+    ...prefix('imagery', [
+      index('./routes/imagery/page.tsx'),
+      route(':imageryId', './routes/imagery/[id]/page.tsx'),
+    ]),
+    ...prefix('inference', [
+      index('./routes/inference/page.tsx'),
+      route(':inferenceId', './routes/inference/[id]/page.tsx'),
+    ]),
+    ...prefix('model', [
+      index('./routes/model/page.tsx'),
+      route(':modelId', './routes/model/[id]/page.tsx'),
+    ]),
+    ...prefix('labeling', [
+      route('label', './routes/labeling/label/page.tsx'),
+      route('review', './routes/labeling/review/page.tsx'),
+    ]),
+    ...prefix('log', [
+      route('audit', './routes/log/audit/page.tsx'),
+      route('system', './routes/log/system/page.tsx'),
+    ]),
+    ...prefix('schedule', [
+      index('./routes/schedule/page.tsx'),
+    ]),
+    route('code', './routes/code/page.tsx'),
+    route('hyper-parameter', './routes/hyper-parameter/page.tsx'),
+    route('user', './routes/user/page.tsx'),
+  ]),
+
   route('*', './routes/catch-all.tsx'),
 ] satisfies RouteConfig;

web-app/app/routes/home.tsx

@@ -1,7 +0,0 @@
-export default function Home() {
-  return (
-    <div>
-      Home
-    </div>
-  );
-}

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

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

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

@@ -0,0 +1,5 @@
+export default function Page() {
+  return (
+    <div>영상관리 목록</div>
+  );
+}

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

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div>
+      추론목록
+    </div>
+  )
+}

web-app/app/routes/layout.tsx

@@ -0,0 +1,10 @@
+import { Outlet } from 'react-router';
+
+export default function Layout() {
+  return (
+    <div>
+      기본 레이아웃
+      <Outlet />
+    </div>
+  );
+}

web-app/app/routes/login/layout.tsx

@@ -0,0 +1,10 @@
+import { Outlet } from 'react-router';
+
+export default function Layout() {
+  return (
+    <div>
+      인증 레이아웃
+      <Outlet />
+    </div>
+  );
+}

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

@@ -0,0 +1,5 @@
+export default function Page() {
+  return (
+    <div>로그인 페이지</div>
+  );
+}

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

@@ -0,0 +1,5 @@
+export default function Page() {
+  return (
+    <div>사용자관리</div>
+  );
+}

web-app/app/routes/users.tsx

@@ -1,7 +0,0 @@
-export default function Users() {
-  return (
-    <div className="px-3">
-      유저목록
-    </div>
-  );
-}