From 475c1da119495c69981f458e1adb58f9d6a58c15 Mon Sep 17 00:00:00 2001
From: pricelees <priceelees@gmail.com>
Date: Sat, 27 Sep 2025 15:28:43 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=98=88=EC=95=BD=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=EC=9D=98=20=ED=94=84?=
 =?UTF-8?q?=EB=A1=A0=ED=8A=B8=EC=97=94=EB=93=9C=20=EC=A7=80=EC=97=AD=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=99=88=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9D=B8?=
 =?UTF-8?q?=EA=B8=B0=20=ED=85=8C=EB=A7=88=20API=20=EC=B2=98=EB=A6=AC=20?=
 =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/schedule/scheduleAPI.ts    | 10 ++++++++--
 frontend/src/api/store/storeAPI.ts          |  4 ++--
 frontend/src/api/theme/themeAPI.ts          |  4 ++++
 frontend/src/pages/HomePage.tsx             | 18 +++---------------
 frontend/src/pages/ReservationStep1Page.tsx | 10 +++++++---
 5 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/frontend/src/api/schedule/scheduleAPI.ts b/frontend/src/api/schedule/scheduleAPI.ts
index 4ca28dc3..d2fb7c6e 100644
--- a/frontend/src/api/schedule/scheduleAPI.ts
+++ b/frontend/src/api/schedule/scheduleAPI.ts
@@ -1,6 +1,12 @@
 import apiClient from "@_api/apiClient";
-import type { AdminScheduleSummaryListResponse, ScheduleCreateRequest, ScheduleCreateResponse, ScheduleStatus, ScheduleUpdateRequest, ScheduleWithThemeListResponse } from "./scheduleTypes";
-import type { AuditInfo } from "@_api/common/commonTypes";
+import type {AuditInfo} from "@_api/common/commonTypes";
+import type {
+    AdminScheduleSummaryListResponse,
+    ScheduleCreateRequest,
+    ScheduleCreateResponse,
+    ScheduleUpdateRequest,
+    ScheduleWithThemeListResponse
+} from "./scheduleTypes";
 
 // admin 
 export const fetchAdminSchedules = async (storeId: string, date?: string, themeId?: string): Promise<AdminScheduleSummaryListResponse> => {
diff --git a/frontend/src/api/store/storeAPI.ts b/frontend/src/api/store/storeAPI.ts
index 80c9135c..81637640 100644
--- a/frontend/src/api/store/storeAPI.ts
+++ b/frontend/src/api/store/storeAPI.ts
@@ -12,11 +12,11 @@ export const getStores = async (sidoCode?: string, sigunguCode?: string): Promis
     const queryParams: string[] = [];
 
     if (sidoCode && sidoCode.trim() !== '') {
-        queryParams.push(`sidoCode=${sidoCode}`);
+        queryParams.push(`sido=${sidoCode}`);
     }
 
     if (sigunguCode && sigunguCode.trim() !== '') {
-        queryParams.push(`sigunguCode=${sigunguCode}`);
+        queryParams.push(`sigungu=${sigunguCode}`);
     }
 
     const baseUrl = `/stores`;
diff --git a/frontend/src/api/theme/themeAPI.ts b/frontend/src/api/theme/themeAPI.ts
index f0f6bdf9..e111a1c0 100644
--- a/frontend/src/api/theme/themeAPI.ts
+++ b/frontend/src/api/theme/themeAPI.ts
@@ -42,3 +42,7 @@ export const fetchThemesByIds = async (request: ThemeIdListResponse): Promise<Th
 export const fetchThemeById = async (id: string): Promise<ThemeInfoResponse> => {
     return await apiClient.get<ThemeInfoResponse>(`/themes/${id}`);
 }
+
+export const fetchMostReservedThemes = async (count: number): Promise<ThemeInfoListResponse> => {
+    return await apiClient.get<ThemeInfoListResponse>(`/themes/most-reserved?count=${count}`);
+};
diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx
index e16e9d9c..5d8ae368 100644
--- a/frontend/src/pages/HomePage.tsx
+++ b/frontend/src/pages/HomePage.tsx
@@ -1,8 +1,7 @@
-import {fetchMostReservedThemeIds} from '@_api/reservation/reservationAPI';
 import '@_css/home-page-v2.css';
 import React, {useEffect, useState} from 'react';
 import {useNavigate} from 'react-router-dom';
-import {fetchThemesByIds} from '@_api/theme/themeAPI';
+import {fetchMostReservedThemes} from '@_api/theme/themeAPI';
 import {DifficultyKoreanMap, mapThemeResponse, type ThemeInfoResponse} from '@_api/theme/themeTypes';
 
 const HomePage: React.FC = () => {
@@ -13,19 +12,8 @@ const HomePage: React.FC = () => {
   useEffect(() => {
     const fetchData = async () => {
       try {
-        const themeIds = await fetchMostReservedThemeIds().then(res => {
-          const themeIds = res.themeIds;
-          if (themeIds.length === 0) {
-            setRanking([]);
-            return;
-          }
-          return themeIds;
-        })
-        
-        if (themeIds === undefined) return;
-        if (themeIds.length === 0) return;
-
-        const response = await fetchThemesByIds({ themeIds: themeIds });
+        const themeFetchCount = 10;
+        const response = await fetchMostReservedThemes(themeFetchCount);
         setRanking(response.themes.map(mapThemeResponse));
       } catch (err) {
         console.error('Error fetching ranking:', err);
diff --git a/frontend/src/pages/ReservationStep1Page.tsx b/frontend/src/pages/ReservationStep1Page.tsx
index 0a3af991..9ed6fd7e 100644
--- a/frontend/src/pages/ReservationStep1Page.tsx
+++ b/frontend/src/pages/ReservationStep1Page.tsx
@@ -60,9 +60,13 @@ const ReservationStep1Page: React.FC = () => {
     }, [selectedSido]);
 
     useEffect(() => {
-        getStores(selectedSido, selectedSigungu)
-            .then(res => setStoreList(res.stores))
-            .catch(handleError);
+        if (selectedSido) {
+            getStores(selectedSido, selectedSigungu)
+                .then(res => setStoreList(res.stores))
+                .catch(handleError);
+        } else {
+            setStoreList([]);
+        }
         setSelectedStore(null);
     }, [selectedSido, selectedSigungu]);