Merge remote-tracking branch 'origin/develop' into develop

web-app/README.md

@@ -13,6 +13,10 @@ React Router 7 기반 SPA 웹 애플리케이션
 | Package Manager | pnpm (corepack) |
 | Code Quality | ESLint 10 + Prettier |
 | Container | Docker + Docker Compose |
+| Map | OpenLayers 10.8 |
+| UI Components | React Aria Components 1.16 |
+| Form | React Hook Form 7.72 + Zod 4.3 |
+| Date | Day.js 1.11 |
 
 ## 사전 요구사항
 
@@ -55,9 +59,18 @@ web-app/
 │   │   ├── hyper-parameter/
 │   │   │   └── page.tsx      # 하이퍼파라미터 설정
 │   │   ├── imagery/
-│   │   │   ├── page.tsx      # 영상 목록
+│   │   │   ├── aerial/
-│   │   │   └── [id]/
+│   │   │   │   ├── page.tsx      # 항공영상 목록
-│   │   │       └── page.tsx  # 영상 상세
+│   │   │   │   └── [id]/
+│   │   │   │       └── page.tsx  # 항공영상 상세
+│   │   │   ├── satellite/
+│   │   │   │   ├── page.tsx      # 위성영상 목록
+│   │   │   │   └── [id]/
+│   │   │   │       └── page.tsx  # 위성영상 상세
+│   │   │   └── drone/
+│   │   │       ├── page.tsx      # 드론영상 목록
+│   │   │       └── [id]/
+│   │   │           └── 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>
+  );
+}

web-app/package.json

@@ -13,11 +13,16 @@
   "dependencies": {
     "@react-router/node": "7.14.0",
     "@react-router/serve": "7.14.0",
+    "dayjs": "^1.11.20",
     "isbot": "^5.1.37",
+    "ol": "^10.8.0",
     "pretendard": "^1.3.9",
     "react": "^19.2.4",
+    "react-aria-components": "^1.16.0",
     "react-dom": "^19.2.4",
-    "react-router": "7.14.0"
+    "react-hook-form": "^7.72.1",
+    "react-router": "7.14.0",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",