refactor: 전체 파일 위치 리팩토링

package.json

@@ -16,7 +16,7 @@
     "@hello-pangea/dnd": "^18.0.1",
     "@hookform/resolvers": "^4.1.3",
     "@tanstack/react-query": "^5.61.3",
-    "@tanstack/react-query-devtools": "^5.75.7",
+    "@tanstack/react-query-devtools": "^5.76.1",
     "autoprefixer": "^10.4.20",
     "axios": "^1.8.1",
     "date-fns": "^4.1.0",

src/app/routes/Router.tsx

@@ -4,7 +4,7 @@ import Layout from '../Layout';
 import AgreementPage from '../../pages/join/AgreementPage';
 import InfoInputPage from '../../pages/join/InfoInputPage';
 import MainPage from '../../pages/home/ui/MainPage';
-import FunnelPage from '../../pages/event-manage/ui/FunnelPage';
+import FunnelPage from '../../pages/event/ui/create-event/FunnelPage';
 import AllEventsPage from '../../pages/event/ui/AllEventsPage';
 import MyTicketPage from '../../pages/menu/ui/MyTicketPage';
 import SearchPage from '../../pages/search/ui/SearchPage';
@@ -97,4 +97,4 @@ const router = createBrowserRouter(
   }))
 );
 
-export default router;
+export default router;

src/entities/event/api/event.ts → src/entities/event/api/eventDetail.ts

@@ -1,8 +1,8 @@
 import { axiosClient } from '../../../shared/types/api/http-client';
-import { EventDetailRequest } from '../model/event';
+import { EventDetailRequest } from '../model/eventDetail';
 import { CategoryType, TagType } from '../../../shared/types/baseEventType';
 import { ApiResponse } from '../../../shared/types/api/apiResponse';
-import { EventItem, PaginationParams } from '../model/event';
+import { EventItem, PaginationParams } from '../model/eventDetail';
 
 export const eventDetail = async (dto: EventDetailRequest) => {
   const response = await axiosClient.get(`/events/${dto.eventId}`, {
@@ -11,22 +11,6 @@ export const eventDetail = async (dto: EventDetailRequest) => {
   return response.data;
 };
 
-// 이벤트 검색 (기본 정보)
-export const searchEvents = async (
-  keyword: string,
-  { page, size }: PaginationParams
-): Promise<ApiResponse<EventItem[]>> => {
-  const params = new URLSearchParams();
-
-  params.append('keyword', keyword);
-  params.append('page', page.toString());
-  params.append('size', size.toString());
-
-  const response = await axiosClient.get<ApiResponse<EventItem[]>>(`/events/search?${params.toString()}`);
-
-  return response.data;
-};
-
 // 전체 이벤트 목록 조회 (무한 스크롤)
 export const getAllEventsInfinite = async ({
   page,

src/entities/event/hook/useEventHook.ts

@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { eventDetail } from '../api/event';
+import { eventDetail } from '../api/eventDetail';
 import { useParams } from 'react-router-dom';
 import { useUserInfo } from '../../../features/join/hooks/useUserHook';
 

src/entities/event/hook/useEventListHook.ts

@@ -1,6 +1,6 @@
-import { EventList } from '../../../features/event-manage/event-list/model/eventList';
+import { EventList } from '../../../features/event/event-list/model/eventList';
 import { useInfiniteScroll } from '../../../shared/hooks/useInfiniteScroll';
-import { getAllEventsInfinite } from '../api/event';
+import { getAllEventsInfinite } from '../api/eventDetail';
 
 const useEventList = () => {
   const { data, fetchNextPage, hasNextPage, isFetching } = useInfiniteScroll<EventList>({

src/features/bookmark/hook/useBookmarkHook.ts

@@ -0,0 +1,80 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { BookmarkResponse } from '../model/bookmarkInformation';
+import { createBookmark, deleteBookmark, readBookmark } from '../api/bookmark';
+import { EventDetailResponse } from '../../../entities/event/model/eventDetail';
+
+export const useBookmarks = () => {
+  return useQuery<BookmarkResponse[]>({
+    queryKey: ['bookmarks'],
+    queryFn: readBookmark,
+  });
+};
+
+export const useCreateBookmark = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: createBookmark,
+    // Optimistic
+    onMutate: async (eventId: number) => {
+      await queryClient.cancelQueries({ queryKey: ['eventDetail', eventId] });
+      const previous = queryClient.getQueryData(['eventDetail', eventId]);
+
+      queryClient.setQueryData<EventDetailResponse>(['eventDetail', eventId], old =>
+        old
+          ? {
+              ...old,
+              result: {
+                ...old.result,
+                bookmarked: true,
+              },
+            }
+          : old
+      );
+
+      return { previous };
+    },
+    onError: (_err, eventId, context) => {
+      if (context?.previous) {
+        queryClient.setQueryData(['eventDetail', eventId], context.previous);
+        alert('좋아요 등록에 실패했습니다. 잠시후 다시 시도해 주세요.');
+      }
+    },
+    onSettled: (_data, _error, eventId) => {
+      queryClient.invalidateQueries({ queryKey: ['eventDetail', eventId] });
+    },
+  });
+};
+export const useDeleteBookmark = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (params: { eventId: number; bookmarkId: number }) => deleteBookmark(params.eventId, params.bookmarkId),
+    // Optimistic
+    onMutate: async ({ eventId }) => {
+      await queryClient.cancelQueries({ queryKey: ['eventDetail', eventId] });
+      const previous = queryClient.getQueryData(['eventDetail', eventId]);
+
+      queryClient.setQueryData<EventDetailResponse>(['eventDetail', eventId], old =>
+        old
+          ? {
+              ...old,
+              result: {
+                ...old.result,
+                bookmarked: false,
+              },
+            }
+          : old
+      );
+
+      return { previous };
+    },
+    onError: (_err, { eventId }, context) => {
+      if (context?.previous) {
+        queryClient.setQueryData(['eventDetail', eventId], context.previous);
+        alert('좋아요 삭제에 실패했습니다. 잠시후 다시 시도해 주세요.');
+      }
+    },
+    onSettled: (_data, _error, { eventId }) => {
+      queryClient.invalidateQueries({ queryKey: ['eventDetail', eventId] });
+    },
+  });
+};

src/features/dashboard/api/event.ts

@@ -1,15 +1,6 @@
 import { axiosClient } from '../../../shared/types/api/http-client';
 import { UpdateEventRequest } from '../model/event';
 
-export const getHostDashboard = async (eventId: number) => {
-  const response = await axiosClient.get('/host-channels/dashboard', {
-    params: {
-      eventId: eventId,
-    },
-  });
-  return response.data.result;
-};
-
 export const updateEventInfo = async (eventId: number, dto: Partial<UpdateEventRequest>) => {
   const response = await axiosClient.put(`/events/${eventId}`, dto);
   return response.data;

src/features/dashboard/api/hostDashboard.ts

@@ -0,0 +1,10 @@
+import { axiosClient } from '../../../shared/types/api/http-client';
+
+export const getHostDashboard = async (eventId: number) => {
+  const response = await axiosClient.get('/host-channels/dashboard', {
+    params: {
+      eventId: eventId,
+    },
+  });
+  return response.data.result;
+};

src/features/dashboard/api/mail.ts

@@ -1,44 +1,39 @@
 import { axiosClient } from '../../../shared/types/api/http-client';
-import { EmailRequest, ReadEmailResponse } from '../model/emailInformation';
+import { EmailRequest, ReadEmailResponse } from '../model/email';
 
 // 예약 메일 조회
 export const readEmail = async (eventId: number, status: 'PENDING' | 'SENT'): Promise<ReadEmailResponse[]> => {
-    const response = await axiosClient.get<{ result: ReadEmailResponse[] }>(
-        `/reservation-emails`,
-        {
-            params: {
-                eventId,
-                status,
-            },
-        }
-    );
-    return response.data.result;
-}
+  const response = await axiosClient.get<{ result: ReadEmailResponse[] }>(`/reservation-emails`, {
+    params: {
+      eventId,
+      status,
+    },
+  });
+  return response.data.result;
+};
 
 // 전체/티켓별 구매자 이메일 조회
-export const readPurchaserEmails = async (eventId: number, ticketId?: number): Promise<{email: string[]}> => {
-    const response = await axiosClient.get('/orders/purchaser-emails',
-        {
-            params: {
-                eventId,
-                ...(ticketId !== undefined && { ticketId }),
-            },
-        }
-    );
-    return response.data.result;
+export const readPurchaserEmails = async (eventId: number, ticketId?: number): Promise<{ email: string[] }> => {
+  const response = await axiosClient.get('/orders/purchaser-emails', {
+    params: {
+      eventId,
+      ...(ticketId !== undefined && { ticketId }),
+    },
+  });
+  return response.data.result;
 };
 
 export const sendEmail = async (data: EmailRequest) => {
-    const response = await axiosClient.post('/reservation-emails', data);
-    return response.data.result;
+  const response = await axiosClient.post('/reservation-emails', data);
+  return response.data.result;
 };
 
 export const editEmail = async (reservationEmailId: number, data: EmailRequest) => {
-    const response = await axiosClient.put(`/reservation-emails/${reservationEmailId}`, data);
-    return response.data.result;
+  const response = await axiosClient.put(`/reservation-emails/${reservationEmailId}`, data);
+  return response.data.result;
 };
 
 export const deleteEmail = async (reservationEmailId: number) => {
-    const response = await axiosClient.delete(`/reservation-emails/${reservationEmailId}`);
-    return response.data.result;
-}
+  const response = await axiosClient.delete(`/reservation-emails/${reservationEmailId}`);
+  return response.data.result;
+};