인기여행지

README.md

@@ -14,5 +14,5 @@
 - Docs : 내부 문서 추가/수정
 - Test : 테스트 추가/수정
 - Chore : 빌드 관련 코드 수정
-- Rename : 파일 및 폴더명 수정
+- Rename : 파일 및 폴더명 수정.
 - Remove : 파일 삭제.

index.html

@@ -11,7 +11,4 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-  <script
-    type="text/javascript"
-    src="//dapi.kakao.com/v2/maps/sdk.js?appkey=%VITE_KAKAO_API_KEY%"></script>
 </html>

package.json

@@ -12,6 +12,8 @@
   "dependencies": {
     "@pnpm-monorepo/shared": "^1.0.0",
     "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-toggle-group": "^1.0.4",
     "@svgr/rollup": "^8.1.0",
     "@tanstack/react-query": "^5.14.6",
     "@tanstack/react-query-devtools": "^5.14.6",

src/@types/tours.types.ts

@@ -32,4 +32,7 @@ export interface TourType {
   ratingAverage: number;
   reviewCount: number;
   smallThumbnailUrl: string;
+  tourAddress?: string;
+  longitude?: string;
+  latitude?: string;
 }

src/api/tours.ts

@@ -41,15 +41,29 @@ export const getToursReviews = async (tourItemId: number) => {
 };
 
 // 여행지 검색
-export const getToursSearch = async (
-  region: number,
-  category: number,
-  searchWord: string,
-  page: number,
-  size: number,
-) => {
-  const res = await client.get(
-    `tours/search?region=${region}&category=${category}&searchWord=${searchWord}&page=${page}&size=${size}}`,
-  );
+export const getToursSearch = async (options: {
+  region?: string;
+  searchWord: string;
+  category?: string;
+  page?: number;
+  size?: number;
+}) => {
+  const { region, searchWord, category, page = 0, size } = options;
+
+  let query = `tours/search?searchWord=${searchWord}`;
+
+  if (region) {
+    query += `&region=${region}`;
+  }
+
+  if (category) {
+    query += `&category=${category}`;
+  }
+  query += `&page=${page}`;
+
+  if (size) {
+    query += `&size=${size}`;
+  }
+  const res = await client.get(query);
   return res;
 };