[refacotor] Tanstack Query 리팩토링 및 API/Hooks 구조 개선

frontend/.prettierrc

@@ -3,14 +3,7 @@
   "jsxSingleQuote": true,
   "useTabs": false,
   "endOfLine": "auto",
-  "plugins": [
-    "@ianvs/prettier-plugin-sort-imports"
-  ],
-  "importOrder": [
-    "^react",
-    "<THIRD_PARTY_MODULES>",
-    "^@/",
-    "^[./]"
-  ],
+  "plugins": ["@ianvs/prettier-plugin-sort-imports"],
+  "importOrder": ["^react", "<THIRD_PARTY_MODULES>", "^@/", "^[./]"],
   "importOrderSortSpecifiers": true
-}
+}

frontend/.storybook/preview.ts

@@ -1,5 +1,5 @@
-import type { Preview } from '@storybook/react';
 import { useEffect } from 'react';
+import type { Preview } from '@storybook/react';
 
 const preview: Preview = {
   decorators: [

frontend/config/vite.config.ts

@@ -1,55 +1,53 @@
 import react from '@vitejs/plugin-react';
+import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
-import { visualizer } from 'rollup-plugin-visualizer';
 
 const DEFAULT_PORT = 3000;
 
 export default defineConfig({
-  plugins: [
-    react(),
-    tsconfigPaths(),
-  ],
+  plugins: [react(), tsconfigPaths()],
   build: {
     rollupOptions: {
       output: {
         manualChunks(id) {
-          if (!id.includes("node_modules")) return;
+          if (!id.includes('node_modules')) return;
 
-          if (id.includes("react-router")) return "router";
-          if (id.includes("react-datepicker")) return "dates";
+          if (id.includes('react-router')) return 'router';
+          if (id.includes('react-datepicker')) return 'dates';
           if (
-            id.includes("react-markdown") ||
-            id.includes("remark") ||
-            id.includes("rehype") ||
-            id.includes("unified") ||
-            id.includes("micromark") ||
-            id.includes("mdast") ||
-            id.includes("hast") ||
-            id.includes("parse5")
+            id.includes('react-markdown') ||
+            id.includes('remark') ||
+            id.includes('rehype') ||
+            id.includes('unified') ||
+            id.includes('micromark') ||
+            id.includes('mdast') ||
+            id.includes('hast') ||
+            id.includes('parse5')
           ) {
-            return "markdown";
+            return 'markdown';
           }
 
           if (
-            id.includes("node_modules/react/") ||
-            id.includes("node_modules/react-dom/") ||
-            id.includes("scheduler")
+            id.includes('node_modules/react/') ||
+            id.includes('node_modules/react-dom/') ||
+            id.includes('scheduler')
           ) {
-            return "react-vendor";
+            return 'react-vendor';
           }
 
-          if (id.includes("zustand")) return "state";
-          if (id.includes("@tanstack/react-query")) return "react-query";
+          if (id.includes('zustand')) return 'state';
+          if (id.includes('@tanstack/react-query')) return 'react-query';
 
-          if (id.includes("mixpanel-browser")) return "analytics";
-          if (id.includes("@sentry")) return "sentry";
+          if (id.includes('mixpanel-browser')) return 'analytics';
+          if (id.includes('@sentry')) return 'sentry';
 
-          if (id.includes("framer-motion") || id.includes("motion-dom")) return "motion";
-          if (id.includes("swiper")) return "swiper";
-          if (id.includes("date-fns")) return "dates";
+          if (id.includes('framer-motion') || id.includes('motion-dom'))
+            return 'motion';
+          if (id.includes('swiper')) return 'swiper';
+          if (id.includes('date-fns')) return 'dates';
 
-          return "vendor";
+          return 'vendor';
         },
       },
     },

frontend/src/App.tsx

@@ -4,7 +4,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ThemeProvider } from 'styled-components';
 import { ScrollToTopButton } from '@/components/common/ScrollToTopButton/ScrollToTopButton';
 import { AdminClubProvider } from '@/context/AdminClubContext';
-import { ScrollToTop } from '@/hooks/ScrollToTop';
+import { ScrollToTop } from '@/hooks/Scroll/ScrollToTop';
 import LoginTab from '@/pages/AdminPage/auth/LoginTab/LoginTab';
 import PrivateRoute from '@/pages/AdminPage/auth/PrivateRoute/PrivateRoute';
 import ClubDetailPage from '@/pages/ClubDetailPage/ClubDetailPage';
@@ -16,7 +16,17 @@ import ClubUnionPage from './pages/ClubUnionPage/ClubUnionPage';
 import IntroducePage from './pages/IntroducePage/IntroducePage';
 import 'swiper/css';
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 60 * 1000,
+      retry: 1,
+    },
+    mutations: {
+      retry: 0,
+    },
+  },
+});
 
 const AdminRoutes = lazy(() => import('@/pages/AdminPage/AdminRoutes'));
 

frontend/src/apis/applicants.ts

@@ -0,0 +1,31 @@
+import API_BASE_URL from '@/constants/api';
+import { secureFetch } from './auth/secureFetch';
+import { handleResponse, withErrorHandling } from './utils/apiHelpers';
+
+export const getClubApplicants = async (applicationFormId: string) => {
+  return withErrorHandling(async () => {
+    const response = await secureFetch(
+      `${API_BASE_URL}/api/club/apply/info/${applicationFormId}`,
+    );
+    return handleResponse(response, '지원자 목록을 불러오는데 실패했습니다.');
+  }, 'Error fetching club applicants');
+};
+
+export const deleteApplicants = async (
+  applicantIds: string[],
+  applicationFormId: string,
+) => {
+  return withErrorHandling(async () => {
+    const response = await secureFetch(
+      `${API_BASE_URL}/api/club/applicant/${applicationFormId}`,
+      {
+        method: 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ applicantIds: applicantIds }),
+      },
+    );
+    return handleResponse(response, '지원자 삭제에 실패했습니다.');
+  }, 'Error fetching delete applicants');
+};