From e2aba3efa8ad38bb2643084888a6df85073e2213 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=97=B0=EC=A7=84?= <kyj0719@gmail.com>
Date: Sun, 17 Aug 2025 17:59:37 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=82=AC=EC=9A=A9=EC=84=B1=20=EB=86=92?=
 =?UTF-8?q?=EC=9D=B4=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/arrow_spin.svg               |  6 +-
 .../dateCourseSearchFilterOption.tsx          |  3 +-
 .../modal/dateCourseSearchFilterModal.tsx     | 10 +++-
 src/pages/dateCourse/CoursePage.tsx           | 20 +++----
 src/pages/dateCourse/FindDateCourse.tsx       |  5 +-
 src/pages/dateCourse/MakeCourseResult.tsx     | 56 ++++++++++---------
 6 files changed, 58 insertions(+), 42 deletions(-)

diff --git a/src/assets/icons/arrow_spin.svg b/src/assets/icons/arrow_spin.svg
index cca9d32..d747eeb 100644
--- a/src/assets/icons/arrow_spin.svg
+++ b/src/assets/icons/arrow_spin.svg
@@ -1,5 +1,5 @@
 <svg width="40" height="36" viewBox="0 0 40 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.3425 3.53021C27.8905 3.9035 28.2678 4.4792 28.3913 5.13066C28.5149 5.78211 28.3746 6.45596 28.0013 7.00396C27.628 7.55197 27.0523 7.92923 26.4008 8.05277C25.7494 8.17631 25.0755 8.036 24.5275 7.66271C22.2195 6.09368 19.4527 5.34219 16.668 5.52795C13.8833 5.71371 11.2409 6.82605 9.16169 8.68776C7.08249 10.5495 5.68612 13.0534 5.19505 15.8008C4.70398 18.5481 5.14644 21.3808 6.45196 23.8475C7.75748 26.3142 9.85094 28.273 12.3989 29.412C14.9468 30.5509 17.8025 30.8044 20.5112 30.1321C23.2199 29.4598 25.6257 27.9003 27.3453 25.7022C29.0649 23.504 29.9995 20.7936 30 18.0027C30 17.3397 30.2634 16.7038 30.7323 16.2349C31.2011 15.7661 31.837 15.5027 32.5 15.5027C33.1631 15.5027 33.799 15.7661 34.2678 16.2349C34.7366 16.7038 35 17.3397 35 18.0027C34.9994 21.9102 33.6911 25.7051 31.2835 28.7827C28.8759 31.8603 25.5075 34.0436 21.7151 34.9848C17.9227 35.926 13.9243 35.5708 10.3572 33.9759C6.79 32.381 3.85922 29.6382 2.03179 26.1844C0.204349 22.7306 -0.414605 18.7645 0.273541 14.9181C0.961686 11.0717 2.91734 7.56624 5.82891 4.96026C8.74048 2.35429 12.4405 0.797715 16.3393 0.538549C20.2382 0.279384 24.1116 1.33254 27.3425 3.53021Z" fill="#FEFEFE"/>
-<path d="M26.3479 24.2675C26.0713 24.4444 25.7626 24.5652 25.4393 24.6228C25.116 24.6804 24.7846 24.6738 24.4639 24.6034C24.1432 24.5329 23.8395 24.4 23.5702 24.2122C23.3008 24.0243 23.0711 23.7853 22.8942 23.5087C22.7172 23.2321 22.5965 22.9234 22.5388 22.6001C22.4812 22.2768 22.4878 21.9454 22.5582 21.6247C22.6287 21.304 22.7616 21.0003 22.9495 20.731C23.1373 20.4616 23.3763 20.2319 23.6529 20.055L32.3579 14.4875C32.9164 14.1418 33.5884 14.0299 34.2287 14.1757C34.8691 14.3216 35.4263 14.7135 35.78 15.2669C36.1337 15.8203 36.2554 16.4906 36.1189 17.133C35.9824 17.7754 35.5986 18.3383 35.0504 18.7L26.3479 24.2675Z" fill="#FEFEFE"/>
-<path d="M39.7558 24.0282C40.011 24.631 40.0196 25.31 39.7796 25.9191C39.5397 26.5282 39.0704 27.0188 38.4725 27.2857C37.8747 27.5525 37.1961 27.5742 36.5825 27.346C35.9688 27.1179 35.4692 26.6582 35.1908 26.0657L31.4208 17.6157C31.2795 17.3148 31.1996 16.9888 31.1858 16.6568C31.1719 16.3247 31.2245 15.9931 31.3403 15.6816C31.4561 15.3701 31.6329 15.0847 31.8603 14.8423C32.0877 14.5999 32.3611 14.4053 32.6647 14.2698C32.9682 14.1343 33.2957 14.0608 33.628 14.0534C33.9602 14.046 34.2907 14.1049 34.5999 14.2267C34.9092 14.3485 35.191 14.5308 35.429 14.7629C35.6669 14.9949 35.8563 15.2721 35.9858 15.5782L39.7558 24.0282Z" fill="#FEFEFE"/>
+<path d="M27.3425 3.53021C27.8905 3.9035 28.2678 4.4792 28.3913 5.13066C28.5149 5.78211 28.3746 6.45596 28.0013 7.00396C27.628 7.55197 27.0523 7.92923 26.4008 8.05277C25.7494 8.17631 25.0755 8.036 24.5275 7.66271C22.2195 6.09368 19.4527 5.34219 16.668 5.52795C13.8833 5.71371 11.2409 6.82605 9.16169 8.68776C7.08249 10.5495 5.68612 13.0534 5.19505 15.8008C4.70398 18.5481 5.14644 21.3808 6.45196 23.8475C7.75748 26.3142 9.85094 28.273 12.3989 29.412C14.9468 30.5509 17.8025 30.8044 20.5112 30.1321C23.2199 29.4598 25.6257 27.9003 27.3453 25.7022C29.0649 23.504 29.9995 20.7936 30 18.0027C30 17.3397 30.2634 16.7038 30.7323 16.2349C31.2011 15.7661 31.837 15.5027 32.5 15.5027C33.1631 15.5027 33.799 15.7661 34.2678 16.2349C34.7366 16.7038 35 17.3397 35 18.0027C34.9994 21.9102 33.6911 25.7051 31.2835 28.7827C28.8759 31.8603 25.5075 34.0436 21.7151 34.9848C17.9227 35.926 13.9243 35.5708 10.3572 33.9759C6.79 32.381 3.85922 29.6382 2.03179 26.1844C0.204349 22.7306 -0.414605 18.7645 0.273541 14.9181C0.961686 11.0717 2.91734 7.56624 5.82891 4.96026C8.74048 2.35429 12.4405 0.797715 16.3393 0.538549C20.2382 0.279384 24.1116 1.33254 27.3425 3.53021Z" fill="current"/>
+<path d="M26.3479 24.2675C26.0713 24.4444 25.7626 24.5652 25.4393 24.6228C25.116 24.6804 24.7846 24.6738 24.4639 24.6034C24.1432 24.5329 23.8395 24.4 23.5702 24.2122C23.3008 24.0243 23.0711 23.7853 22.8942 23.5087C22.7172 23.2321 22.5965 22.9234 22.5388 22.6001C22.4812 22.2768 22.4878 21.9454 22.5582 21.6247C22.6287 21.304 22.7616 21.0003 22.9495 20.731C23.1373 20.4616 23.3763 20.2319 23.6529 20.055L32.3579 14.4875C32.9164 14.1418 33.5884 14.0299 34.2287 14.1757C34.8691 14.3216 35.4263 14.7135 35.78 15.2669C36.1337 15.8203 36.2554 16.4906 36.1189 17.133C35.9824 17.7754 35.5986 18.3383 35.0504 18.7L26.3479 24.2675Z" fill="current"/>
+<path d="M39.7558 24.0282C40.011 24.631 40.0196 25.31 39.7796 25.9191C39.5397 26.5282 39.0704 27.0188 38.4725 27.2857C37.8747 27.5525 37.1961 27.5742 36.5825 27.346C35.9688 27.1179 35.4692 26.6582 35.1908 26.0657L31.4208 17.6157C31.2795 17.3148 31.1996 16.9888 31.1858 16.6568C31.1719 16.3247 31.2245 15.9931 31.3403 15.6816C31.4561 15.3701 31.6329 15.0847 31.8603 14.8423C32.0877 14.5999 32.3611 14.4053 32.6647 14.2698C32.9682 14.1343 33.2957 14.0608 33.628 14.0534C33.9602 14.046 34.2907 14.1049 34.5999 14.2267C34.9092 14.3485 35.191 14.5308 35.429 14.7629C35.6669 14.9949 35.8563 15.2721 35.9858 15.5782L39.7558 24.0282Z" fill="current"/>
 </svg>
diff --git a/src/components/dateCourse/dateCourseSearchFilterOption.tsx b/src/components/dateCourse/dateCourseSearchFilterOption.tsx
index 018f34a..e94a1cf 100644
--- a/src/components/dateCourse/dateCourseSearchFilterOption.tsx
+++ b/src/components/dateCourse/dateCourseSearchFilterOption.tsx
@@ -125,8 +125,9 @@ export default function DateCourseSearchFilterOption({
                                 onChange={handleInputChange}
                             />
                         </div>
-                        {regionList && regionList.result.regions.length > 0 && (
+                        {regionList && (
                             <ul className="mt-2 w-full border border-primary-500 rounding-16 shadow-default bg-white max-h-[200px] overflow-auto">
+                                {regionList?.result.regions.length === 0 && <div className="text-center py-8 text-default-gray-500">검색 결과가 없습니다</div>}
                                 {regionList.result.regions.map((region: TRegion, idx: number) => (
                                     <li
                                         key={idx}
diff --git a/src/components/modal/dateCourseSearchFilterModal.tsx b/src/components/modal/dateCourseSearchFilterModal.tsx
index 0af74ec..6aba682 100644
--- a/src/components/modal/dateCourseSearchFilterModal.tsx
+++ b/src/components/modal/dateCourseSearchFilterModal.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 import { Navigate, useLocation } from 'react-router-dom';
 import ClipLoader from 'react-spinners/ClipLoader';
 
@@ -78,6 +78,14 @@ export default function DateCourseSearchFilterModal({ onClose }: TProps) {
     const isBookmarked = location.pathname === '/bookmarkedCourse';
 
     const { budget, datePlaces, dateDurationTime, startTime, mealTypes, transportation, userPreferredKeywords, setField } = useFilterStore();
+    useEffect(() => {
+        if (!startTime) {
+            const now = new Date();
+            const defaultDate = now.toISOString().slice(0, 10);
+            const defaultTime = now.toTimeString().slice(0, 5);
+            setField('startTime', `${defaultDate}T${defaultTime}`);
+        }
+    }, [startTime, setField]);
 
     const commonParams = {
         budget,
diff --git a/src/pages/dateCourse/CoursePage.tsx b/src/pages/dateCourse/CoursePage.tsx
index d069675..29cced1 100644
--- a/src/pages/dateCourse/CoursePage.tsx
+++ b/src/pages/dateCourse/CoursePage.tsx
@@ -5,6 +5,7 @@ import ClipLoader from 'react-spinners/ClipLoader';
 import useGetBookmarkedCourse from '@/hooks/course/useGetBookmarkedCourse';
 import { useUserGrade } from '@/hooks/home/useUserGrade';
 
+import Button from '@/components/common/Button';
 import { MODAL_TYPES } from '@/components/common/modalProvider';
 import Navigator from '@/components/common/navigator';
 import DateCourse from '@/components/dateCourse/dateCourse';
@@ -43,18 +44,12 @@ export default function Course() {
         <div className="flex flex-col justify-center items-center w-full">
             <div className="flex w-[1000px] max-w-[80vw] flex-col py-[24px] gap-[64px]">
                 <div className="flex flex-col gap-[22px]">
-                    <button
-                        className="bg-primary-500 py-[20px] rounding-16 text-default-gray-100 font-heading3 select-none"
-                        onClick={() => navigate('/makeCourse')}
-                    >
+                    <Button size="big-16" variant="mint" onClick={() => navigate('/makeCourse')}>
                         AI 기반 데이트 코스 만들기
-                    </button>
-                    <button
-                        className="bg-primary-500 py-[20px] rounding-16 text-default-gray-100 font-heading3 select-none"
-                        onClick={() => navigate('/findCourse')}
-                    >
+                    </Button>
+                    <Button size="big-16" variant="mint" onClick={() => navigate('/findCourse')}>
                         직접 데이트 코스 찾아보기
-                    </button>
+                    </Button>
                 </div>
                 <div className="flex flex-col shadow-default rounding-16 px-[10px] sm:px-[40px] py-[24px]">
                     <div className="flex w-full justify-between py-[24px] gap-[12px] lg:flex-row flex-col">
@@ -64,7 +59,10 @@ export default function Course() {
                         <div className="flex gap-[12px] justify-center items-center sm:justify-end flex-col sm:flex-row">
                             <div
                                 className="hover:cursor-pointer select-none px-[16px] py-[8px] gap-[4px] text-body2 rounding-16 flex rounding-16 w-fit border-[1px] border-default-gray-700  text-default-gray-700"
-                                onClick={() => reset()}
+                                onClick={() => {
+                                    alert('필터가 초기화 되었습니다');
+                                    reset();
+                                }}
                             >
                                 필터 초기화
                             </div>
diff --git a/src/pages/dateCourse/FindDateCourse.tsx b/src/pages/dateCourse/FindDateCourse.tsx
index 01d9e2f..93b8f86 100644
--- a/src/pages/dateCourse/FindDateCourse.tsx
+++ b/src/pages/dateCourse/FindDateCourse.tsx
@@ -51,7 +51,10 @@ function FindDateCourse() {
                         <div className="flex gap-2">
                             <div
                                 className="hover:cursor-pointer select-none px-[16px] py-[8px] gap-[4px] text-body2 rounding-16 flex rounding-16 w-fit border-[1px] border-default-gray-700  text-default-gray-700"
-                                onClick={() => reset()}
+                                onClick={() => {
+                                    alert('필터가 초기화 되었습니다');
+                                    reset();
+                                }}
                             >
                                 필터 초기화
                             </div>
diff --git a/src/pages/dateCourse/MakeCourseResult.tsx b/src/pages/dateCourse/MakeCourseResult.tsx
index 49b72f4..9db4b66 100644
--- a/src/pages/dateCourse/MakeCourseResult.tsx
+++ b/src/pages/dateCourse/MakeCourseResult.tsx
@@ -19,33 +19,35 @@ export default function MakeCourseResult() {
     const navigate = useNavigate();
     const { setAll, ...courseData } = useDateCourseResultStore();
     const { useMakeCourse } = useCourse();
-    const { budget, datePlaces, dateDurationTime, mealTypes, transportation, userPreferredKeywords, startTime } = useFilterStore();
+    const { budget, datePlaces, dateDurationTime, mealTypes, transportation, userPreferredKeywords, startTime, reset } = useFilterStore();
     const { mutate: makeCourseMutate, isPending } = useMakeCourse;
     const { data: gradeData } = useUserGrade();
 
     const handleSubmit = () => {
-        makeCourseMutate(
-            {
-                budget: budget!,
-                dateDurationTime: dateDurationTime!,
-                datePlaces: datePlaces,
-                mealTypes: mealTypes,
-                transportation: transportation!,
-                userPreferredKeywords,
-                startTime: startTime!,
-                excludedCourseSignatures: SigStorage.get(),
-            },
-            {
-                onSuccess: (data) => {
-                    SigStorage.append(data.result.signature);
-                    setAll(data.result);
-                    navigate('/makeCourse/result');
-                },
-                onError: () => {
-                    navigate('/makeCourse');
-                },
-            },
-        );
+        courseData.datePlaces && courseData.datePlaces?.length > 0
+            ? makeCourseMutate(
+                  {
+                      budget: budget!,
+                      dateDurationTime: dateDurationTime!,
+                      datePlaces: datePlaces,
+                      mealTypes: mealTypes,
+                      transportation: transportation!,
+                      userPreferredKeywords,
+                      startTime: startTime!,
+                      excludedCourseSignatures: SigStorage.get(),
+                  },
+                  {
+                      onSuccess: (data) => {
+                          SigStorage.append(data.result.signature);
+                          setAll(data.result);
+                          navigate('/makeCourse/result');
+                      },
+                      onError: () => {
+                          navigate('/makeCourse');
+                      },
+                  },
+              )
+            : (navigate('/makeCourse'), reset());
     };
     if (isPending) {
         return <DateCourseLoading />;
@@ -64,12 +66,16 @@ export default function MakeCourseResult() {
                         <div className="flex flex-col w-full gap-2 justify-center py-14 text-center font-heading3">
                             입력하신 조건을 만족하는 데이트 코스 제작에 실패하였습니다.
                             <br />
+                            <br />
                             <span className="font-body1">다른 조건으로 재시도 해보세요</span>
+                            <span className="font-body1">
+                                (현재 운영 초기 단계로 데이터가 많지 않아 '서울시 종로구 인사동'으로 데이트 코스 생성하는 것을 권장드립니다.)
+                            </span>
                         </div>
                     )}
                 </div>
-                <Button size="big-16" variant="mint" className="flex mt-[40px] self-center px-[32px] items-center gap-[8px]">
-                    <Reload />
+                <Button size="big-16" variant="mint" className="flex mt-[40px] self-center px-[32px] items-center gap-[8px] group">
+                    <Reload className="fill-white group-hover:fill-primary-900 transition-colors" />
                     <div className="flex flex-col items-center justify-center">
                         <div className="font-heading3 select-none" onClick={handleSubmit}>
                             다시 만들기