Merge branch 'develop' into feat/#20/후기검색-마이-페이지구현

Author: soyun-git121

package-lock.json

@@ -11,9 +11,11 @@
   },
   "dependencies": {
     "@faker-js/faker": "^9.9.0",
+    "axios": "^1.11.0",
     "clsx": "^2.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "react-modal": "^3.16.3",
     "react-router-dom": "^7.6.3",
     "styled-components": "^6.1.19",
     "tailwind-merge": "^3.3.1",
@@ -26,6 +28,7 @@
     "@types/node": "^24.0.7",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
+    "@types/react-modal": "^3.16.3",
     "@types/styled-components": "^5.1.34",
     "@vitejs/plugin-react-swc": "^3.10.2",
     "autoprefixer": "^10.4.21",

package.json

@@ -1,15 +1,16 @@
 import { RouterProvider } from 'react-router-dom';
 import router from '@/routes/route';
-import { Modal } from '@/components'; 
+import { Modal } from '@/components';
+import ToastProvider from './components/common/Toast/ToastProvider';
 
 function App() {
   console.log('App 렌더됨');
   return (
-    <>
+    <ToastProvider>
       <RouterProvider router={router} />
       <Modal />
-    </>
+    </ToastProvider>
   );
 }
 
-export default App;
+export default App;

src/App.tsx

@@ -0,0 +1,27 @@
+import type { Seat } from '../../src/types/seat';
+
+export const mockSeats: Seat[] = [];
+
+const rows = 'ABCDEFGHIJKLMNOP'.split(''); // A ~ P
+const columns = Array.from({ length: 23 }, (_, i) => i + 5); // 5 ~ 27
+
+rows.forEach((row) => {
+  columns.forEach((col) => {
+    const shouldExist = Math.random() < 0.7;
+    if (!shouldExist) return;
+
+    const hasReview = Math.random() < 0.3;
+    const isWheelchair = row === 'A' && col >= 10 && col <= 13;
+
+    const seat: Seat = {
+      seatId: `13018${row}${col}`,
+      row,
+      column: col,
+      hasReview,
+      score: hasReview ? parseFloat((Math.random() * 5).toFixed(1)) : undefined,
+      isWheelchair,
+    };
+
+    mockSeats.push(seat);
+  });
+});

src/__mocks/mockSeat.ts

@@ -0,0 +1,58 @@
+import type { ApiError, ApiResponse } from '@/types/api-response';
+import axios from 'axios';
+
+const BASE_URL = import.meta.env.VITE_API_URL;
+
+const api = axios.create({
+  baseURL: BASE_URL,
+  timeout: 7000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  withCredentials: true,
+});
+
+// 요청 인터셉터 - 모든 요청에 Authorization 헤더를 추가
+api.interceptors.request.use(
+  (config) => {
+    const token = localStorage.getItem('accessToken');
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`;
+    }
+    return config;
+  },
+  (error) => Promise.reject(error),
+);
+
+// 응답 인터셉터
+api.interceptors.response.use(
+  (response) => {
+    const res = response.data as ApiResponse<any>;
+
+    if (!res.success) {
+      const apiError: ApiError = {
+        message: res.message || '알 수 없는 오류가 발생했습니다.',
+        code: res.code,
+        error: Array.isArray(res.error) ? res.error : null,
+      };
+
+      return Promise.reject(apiError);
+    }
+
+    return res.data;
+  },
+  (error) => {
+    const status = error.response?.status;
+    const resData = error.response?.data as ApiResponse<any> | undefined;
+
+    const apiError: ApiError = {
+      message: resData?.message || '네트워크 오류 또는 서버 에러가 발생했습니다.',
+      code: resData?.code || status || 'UNKNOWN',
+      error: Array.isArray(resData?.error) ? resData?.error : null,
+    };
+
+    return Promise.reject(apiError);
+  },
+);
+
+export default api;