fix: 이벤트 0개 예외 로직 추가 및 API 파라미터 구성 오류 수정, import 경로 수정

Author: xaexunxang

src/entities/event/api/event.ts

@@ -17,7 +17,7 @@ export const searchEvents = async (keyword: string, { page, size }: PaginationPa
   params.append('page', page.toString());
   params.append('size', size.toString());
 
-  const response = await axiosClient.get<ApiResponse<EventItem[]>>(`/events/search?keyword=${params.toString()}`);
+  const response = await axiosClient.get<ApiResponse<EventItem[]>>(`/events/search?${params.toString()}`);
 
   return response.data;
 };

src/features/home/ui/EventSliderSection.tsx

@@ -4,7 +4,7 @@ import EventCard from '../../../shared/ui/EventCard';
 import IconButton from '../../../../design-system/ui/buttons/IconButton';
 import rightButton from '../../../../public/assets/main/RightButton.svg';
 import leftButton from '../../../../public/assets/main/LeftButton.svg';
-import { EventItem } from '../../../entities/event/api/event';
+import { EventItem } from '../../../entities/event/model/event';
 
 interface EventSliderSectionProps {
   title: string;
@@ -32,27 +32,31 @@ const EventSliderSection = ({ title, events }: EventSliderSectionProps) => {
     <div className="relative w-full px-6">
       <h2 className="sm:mb-3 md:mb-3.5 lg:mb-4 font-bold sm:text-sm md:text-base lg:text-lg">{title}</h2>
       <div className="flex gap-4">
-        {events
-          .slice(startIndex, startIndex + maxCardsToShow)
-          .concat(
-            startIndex + maxCardsToShow > events.length
-              ? events.slice(0, (startIndex + maxCardsToShow) % events.length)
-              : []
-          )
-          .map((event: EventItem) => (
-            <EventCard
-              key={event.id}
-              id={event.id}
-              img={event.bannerImageUrl}
-              eventTitle={event.title}
-              dDay={event.remainDays}
-              host={event.hostChannelName}
-              eventDate={event.startDate}
-              location={event.address}
-              hashtags={event.hashtags}
-              onClick={() => navigate(`/event-details/${event.id}`)}
-            />
-          ))}
+        {events.length === 0 ? (
+          <div className="w-full text-center text-gray-500">표시할 이벤트가 없습니다.</div>
+        ) : (
+          events
+            .slice(startIndex, startIndex + maxCardsToShow)
+            .concat(
+              startIndex + maxCardsToShow > events.length
+                ? events.slice(0, (startIndex + maxCardsToShow) % events.length)
+                : []
+            )
+            .map((event: EventItem) => (
+              <EventCard
+                key={event.id}
+                id={event.id}
+                img={event.bannerImageUrl}
+                eventTitle={event.title}
+                dDay={event.remainDays}
+                host={event.hostChannelName}
+                eventDate={event.startDate}
+                location={event.address}
+                hashtags={event.hashtags}
+                onClick={() => navigate(`/event-details/${event.id}`)}
+              />
+            ))
+        )}
       </div>
       {startIndex !== 0 && (
         <IconButton

src/shared/hooks/useInfiniteScroll.ts

@@ -1,5 +1,5 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
-import { PaginationParams, EventFilters } from '../../entities/event/api/event';
+import { PaginationParams, EventFilters } from '../../entities/event/model/event';
 
 interface UseInfiniteScrollProps<T> {
   queryKey: string[];