refactor: 그래프 관련 API 및 훅 추가, 기존 API 수정 및 불필요한 파일 삭제

Author: Dobbymin

src/entities/auth/apis/refresh-token.api.ts

@@ -25,7 +25,6 @@ export const refreshTokenApi = async ({
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
-      refreshToken: refreshToken,
     },
     body: JSON.stringify({ refreshToken }),
   });

src/entities/chart/apis/graph-gu.api.ts

@@ -0,0 +1,50 @@
+import { fetchInstance } from '@/shared';
+
+import type { Period } from '../types';
+
+export const GRAPH_GU_API_PATH = (gu: string) => `/api/graph/gu/${gu}`;
+
+export interface GraphGuApiResponse extends Period {
+  gu: string;
+  dongs: {
+    month: string;
+    regionGu: string;
+    regionDong: string;
+    riskScoreAvg: number;
+    riskEnum: string;
+    divergencePct: number;
+  }[];
+  selectedDong: string;
+  series: {
+    month: {
+      year: number;
+      month: string;
+      monthValue: number;
+      leapYear: boolean;
+    };
+    transAmt: number;
+    depositAmt: number;
+    ratioPctileAvg: number;
+    divergence: number;
+    riskEnum: string;
+  }[];
+}
+
+export interface GraphGuAPIParams extends Period {
+  gu: string;
+  dong: string;
+  from: string;
+  to: string;
+}
+
+export const graphGuApi = async ({
+  gu,
+  dong,
+  from,
+  to,
+}: GraphGuAPIParams): Promise<GraphGuApiResponse> => {
+  const response = await fetchInstance.get<GraphGuApiResponse>(GRAPH_GU_API_PATH(gu), {
+    params: { gu, dong, from, to },
+  });
+  return response.data;
+};

src/entities/chart/apis/index.ts

@@ -1,3 +1,4 @@
 export * from './substitute-compensations.api';
 export * from './size-price.api';
-export * from './top-gu-districts.api';
+export * from './top-gus.api';
+export * from './graph-gu.api';

src/entities/chart/apis/size-price.api.ts

@@ -1,5 +1,7 @@
 import { fetchInstance } from '@/shared';
 
+import type { Period } from '../types';
+
 export const SIZE_PRICE_API_PATH = '/api/graph/sizePriceIndex';
 
 interface SizePriceApiResponse {
@@ -9,7 +11,13 @@ interface SizePriceApiResponse {
   changerate: number;
 }
 
-export const sizePriceApi = async (): Promise<SizePriceApiResponse[]> => {
-  const response = await fetchInstance.get<SizePriceApiResponse[]>(SIZE_PRICE_API_PATH);
+export interface SizePriceAPIParams extends Period {}
+
+export const sizePriceApi = async ({
+  month = '2024-08',
+}: SizePriceAPIParams): Promise<SizePriceApiResponse[]> => {
+  const response = await fetchInstance.get<SizePriceApiResponse[]>(SIZE_PRICE_API_PATH, {
+    params: { month },
+  });
   return response.data;
 };

src/entities/chart/apis/substitute-compensations.api.ts

@@ -8,11 +8,20 @@ interface SubstituteCompensationsApiResponse {
   momchange: number;
 }
 
-export const substituteCompensationsApi = async (): Promise<
-  SubstituteCompensationsApiResponse[]
-> => {
+export interface SubstituteCompensationsAPIParams {
+  from: string;
+  to: string;
+}
+
+export const substituteCompensationsApi = async ({
+  from,
+  to,
+}: SubstituteCompensationsAPIParams): Promise<SubstituteCompensationsApiResponse[]> => {
   const response = await fetchInstance.get<SubstituteCompensationsApiResponse[]>(
     SUBSTITUTE_COMPENSATIONS_API_PATH,
+    {
+      params: { from, to },
+    },
   );
 
   return response.data;

src/entities/chart/apis/top-gu-districts.api.ts

@@ -0,0 +1,34 @@
+import { fetchInstance } from '@/shared';
+
+import type { Period } from '../types';
+
+export const TOP_GUS_API_PATH = '/api/graph/risk/top-gus';
+
+export interface TopGusApiResponse {
+  month: {
+    year: number;
+    month: string;
+    monthValue: number;
+    leapYear: boolean;
+  };
+  regionGu: string;
+  riskScoreAvg: number;
+  riskLevel: string;
+  divergencePct: number;
+  transSum: number;
+  depositSum: number;
+}
+
+export interface TopGusAPIParams extends Period {
+  limit: number;
+}
+
+export const topGusApi = async ({
+  month = '2024-08',
+  limit = 5,
+}: TopGusAPIParams): Promise<TopGusApiResponse[]> => {
+  const response = await fetchInstance.get<TopGusApiResponse[]>(TOP_GUS_API_PATH, {
+    params: { month, limit },
+  });
+  return response.data;
+};

src/entities/chart/apis/top-gus.api.ts

@@ -1,3 +1,4 @@
 export * from './useGetSubstituteCompensations';
 export * from './useGetSizePrice';
 export * from './useGetTopGuDistricts';
+export * from './useGetGraphGu';

src/entities/chart/hooks/index.ts

@@ -0,0 +1,12 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { GRAPH_GU_API_PATH, type GraphGuAPIParams, graphGuApi } from '../apis';
+
+export const GraphGuQueryKey = [GRAPH_GU_API_PATH];
+
+export const useGetGraphGu = ({ gu, dong, from, to, month }: GraphGuAPIParams) => {
+  return useQuery({
+    queryKey: GraphGuQueryKey,
+    queryFn: () => graphGuApi({ gu, dong, from, to, month }),
+  });
+};

src/entities/chart/hooks/useGetGraphGu.ts

@@ -1,12 +1,12 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { SIZE_PRICE_API_PATH, sizePriceApi } from '../apis';
+import { SIZE_PRICE_API_PATH, type SizePriceAPIParams, sizePriceApi } from '../apis';
 
 export const SizePriceQueryKey = [SIZE_PRICE_API_PATH];
 
-export const useGetSizePrice = () => {
+export const useGetSizePrice = ({ month }: SizePriceAPIParams) => {
   return useQuery({
     queryKey: SizePriceQueryKey,
-    queryFn: sizePriceApi,
+    queryFn: () => sizePriceApi({ month }),
   });
 };