feat(#35): 급경사지 위치도 이미지 추가 기능구현

eslint.config.js

@@ -24,8 +24,6 @@ export default tseslint.config(
         { allowConstantExport: true },
       ],
       '@typescript-eslint/no-explicit-any': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-      'no-unused-vars': 'off',
       'react/prop-types': 'off',
     },
   }

package.json

@@ -45,6 +45,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
+    "terser": "^5.40.0",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5"

src/apis/slopeManage.tsx

@@ -87,4 +87,20 @@ export const slopeManageAPI = {
     console.log(' 경사지 이상값 조회', response.data);
     return response.data;
   },
+  updateAllImg: async ({ formData, historyNumber }: UpdateAllImg) => {
+    const response = await api.put(
+      `/slopes/${historyNumber}/images`,
+      formData,
+      {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      }
+    );
+    return response.data;
+  },
 };
+export interface UpdateAllImg {
+  formData: FormData;
+  historyNumber: string;
+}

src/apis/slopeMap.tsx

@@ -1,5 +1,9 @@
 import { api } from './api';
-
+interface SlopeImg {
+  // 이미지
+  url: string; // url
+  createdAt: Date; // 이미지 생성날짜
+}
 export interface Slope {
   managementNo: string;
   name: string;
@@ -74,13 +78,12 @@ export interface Slope {
     maxVerticalHeight: string; // 최고수직고 (단위: m)
     longitudinalLength: string; // 종단길이 (단위: m)
     averageSlope: string; // 평균경사 (단위: 도)
-    images: [
-      {
-        // 이미지
-        url: string; // url
-        createdAt: Date; // 이미지 생성날짜
-      }
-    ];
+    images: {
+      position?: SlopeImg;
+      start?: SlopeImg;
+      overview?: SlopeImg;
+      end?: SlopeImg;
+    };
     Score: string; //점수
     grade: string; // 등급
   };

src/pages/ManagePage/StepSlope/components/AddSlopeContainer.tsx

@@ -107,12 +107,12 @@ const createDefaultSlope = (): Slope => {
       maxVerticalHeight: '',
       longitudinalLength: '',
       averageSlope: '',
-      images: [
-        {
-          url: '',
-          createdAt: today,
-        },
-      ],
+      images: {
+        position: { url: '', createdAt: today },
+        start: { url: '', createdAt: today },
+        overview: { url: '', createdAt: today },
+        end: { url: '', createdAt: today },
+      },
       Score: '',
       grade: '',
     },