refactor(#25): 급경사지 이상값 페이지 요구사항 변경에 따른 리빌딩

src/Router.tsx

@@ -4,11 +4,12 @@ import LoginPage from './pages/LoginPage/LoginPage';
 import MapPage from './pages/MapPage/MapPage';
 import ManagePage from './pages/ManagePage/ManagePage';
 import SteepSlopeLookUp from './pages/ManagePage/StepSlope/pages/SteepSlopeLookUp';
-import SteepSlopeOutlier from './pages/ManagePage/StepSlope/pages/SteepSlopeOutlier';
 import SteepSlopeAdd from './pages/ManagePage/StepSlope/pages/SteepSlopeAdd';
 import UserLookUp from './pages/ManagePage/User/pages/UserLookUp';
 import UserModi from './pages/ManagePage/User/pages/UserModi';
 import Home from './pages/ManagePage/Home';
+import SteepSlopeDup from './pages/ManagePage/StepSlope/StepSlopeOutlier/SteepSlopeDup';
+import SteepSlopeEmpty from './pages/ManagePage/StepSlope/StepSlopeOutlier/SteepSlopeEmpty';
 const Router = () => {
   return (
     <NavermapsProvider ncpClientId={`${import.meta.env.VITE_NAVER_MAP_ID}`}>
@@ -21,9 +22,13 @@ const Router = () => {
             <Route path="home" element={<Home />} />
             <Route path="slope">
               <Route path="list" element={<SteepSlopeLookUp />} />
-              <Route path="outlier" element={<SteepSlopeOutlier />} />
               <Route path="add" element={<SteepSlopeAdd />} />
             </Route>
+            <Route path="outlier">
+              <Route path="empty" element={<SteepSlopeEmpty />} />
+              <Route path="dup" element={<SteepSlopeDup />} />
+              <Route path="location" element={<SteepSlopeDup />} />
+            </Route>
             <Route path="member">
               <Route path="list" element={<UserLookUp />} />
               <Route path="edit" element={<UserModi />} />

src/apis/slopeManage.tsx

@@ -8,7 +8,15 @@ interface FetchSlopeParams {
   grade?: string;
   county?: string;
 }
-
+interface OutlierFetchParams {
+  page: number;
+  pageSize: number;
+  searchQuery?: string;
+  city?: string;
+  grade?: string;
+  county?: string;
+  outlierType?: string;
+}
 export const slopeManageAPI = {
   batchSlope: async (params: FetchSlopeParams) => {
     const response = await api.get('/slopes/batch', { params });
@@ -69,9 +77,14 @@ export const slopeManageAPI = {
       throw error;
     }
   },
-  findOutlier: async () => {
-    const response = await api.get('/slopes/outlier');
-    console.log(' 경사지 이상값 조회', response.data.data);
-    return response.data.data;
+  findOutlierDup: async (params: OutlierFetchParams) => {
+    const response = await api.get('/slopes/outlier/dup', { params });
+    console.log(' 경사지 이상값 조회', response.data);
+    return response.data;
+  },
+  findOutlierEmpty: async (params: OutlierFetchParams) => {
+    const response = await api.get('/slopes/outlier/empty', { params });
+    console.log(' 경사지 이상값 조회', response.data);
+    return response.data;
   },
 };

src/pages/ManagePage/ManagePage.tsx

@@ -14,13 +14,17 @@ const ManagePage = () => {
     false,
     false,
     false,
+    false,
+    false,
   ]);
 
   const Page = [
     './home',
     './slope/list',
     './slope/add',
-    './slope/outlier',
+    './outlier/empty',
+    './outlier/dup',
+    './outlier/location',
     './member/list',
     './member/edit',
     './map',