web-app/README.md

@@ -59,9 +59,18 @@ web-app/
 │   │   ├── hyper-parameter/
 │   │   │   └── page.tsx      # 하이퍼파라미터 설정
 │   │   ├── imagery/
-│   │   │   ├── page.tsx      # 영상 목록
+│   │   │   ├── aerial/
+│   │   │   │   ├── page.tsx      # 항공영상 목록
+│   │   │   │   └── [id]/
+│   │   │   │       └── page.tsx  # 항공영상 상세
+│   │   │   ├── satellite/
+│   │   │   │   ├── page.tsx      # 위성영상 목록
+│   │   │   │   └── [id]/
+│   │   │   │       └── page.tsx  # 위성영상 상세
+│   │   │   └── drone/
+│   │   │       ├── page.tsx      # 드론영상 목록
 │   │   │       └── [id]/
-│   │   │       └── page.tsx  # 영상 상세
+│   │   │           └── page.tsx  # 드론영상 상세
 │   │   ├── inference/
 │   │   │   ├── page.tsx      # 추론 목록
 │   │   │   └── [id]/

web-app/app/routes.ts

@@ -8,8 +8,18 @@ export default [
   ]),
   layout('./routes/layout.tsx', [
     ...prefix('imagery', [
-      index('./routes/imagery/page.tsx'),
+      ...prefix('aerial', [
-      route(':imageryId', './routes/imagery/[id]/page.tsx'),
+        index('./routes/imagery/aerial/page.tsx'),
+        route(':aerialId', './routes/imagery/aerial/[id]/page.tsx'),
+      ]),
+      ...prefix('satellite', [
+        index('./routes/imagery/satellite/page.tsx'),
+        route(':satelliteId', './routes/imagery/satellite/[id]/page.tsx'),
+      ]),
+      ...prefix('drone', [
+        index('./routes/imagery/drone/page.tsx'),
+        route(':droneId', './routes/imagery/drone/[id]/page.tsx'),
+      ]),
     ]),
     ...prefix('inference', [
       index('./routes/inference/page.tsx'),

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

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

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

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

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

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

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

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

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

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

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

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