Merge branch 'develop' into feature/seoung

Author: haru

eslint.config.js

@@ -46,13 +46,13 @@ const config = [
       'import/no-anonymous-default-export': [
         'error',
         {
-          allowArrowFunction: false,
+          allowArrowFunction: true,
           allowAnonymousFunction: false,
           allowAnonymousClass: false,
         },
       ],
 
-      'func-style': ['warn', 'declaration', { allowArrowFunctions: false }],
+      'func-style': ['warn', 'declaration', { allowArrowFunctions: true }],
     },
     settings: {
       react: {

package-lock.json

@@ -15,6 +15,7 @@
     "axios": "^1.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-quill": "^2.0.0",
     "react-router-dom": "^6.16.0",
     "sass": "^1.67.0"
   },

package.json

@@ -1,16 +1,22 @@
 import './assets/styles/base.scss';
 import { Route, Routes } from 'react-router-dom';
 import Header from './components/layout/Header/Header';
-import Test from './pages/List-page/Test';
+import RecipientList from './pages/RecipientList/RecipientList';
 import Home from './pages/Home/Home';
+import CreateRecipient from './pages/CreateRecipient/CreateRecipient';
+import Recipient from './pages/Recipient/Recipient';
+import MessageForm from './pages/MessageForm/MessageForm';
 
 export default function App() {
   return (
     <>
       <Header />
       <Routes>
         <Route path="/" element={<Home />} />
-        <Route path="/" element={<Test />} />
+        <Route path="/list" element={<RecipientList />} />
+        <Route path="/post" element={<CreateRecipient />} />
+        <Route path="/post/:id" element={<Recipient />} />
+        <Route path="/post/:id/message" element={<MessageForm />} />
       </Routes>
     </>
   );

src/App.jsx

@@ -0,0 +1,22 @@
+import axios from 'axios';
+
+export const api = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL,
+  headers: { 'Content-Type': 'application/json' },
+  timeout: 5000,
+});
+
+api.interceptors.response.use(
+  (res) => res,
+  (error) => {
+    const status = error.response?.status;
+    if (status === 404) {
+      alert('요청한 자원을 찾을 수 없습니다.');
+    } else if (status === 500) {
+      alert('서버에 문제가 발생했습니다.');
+    } else {
+      alert('문제가 발생했습니다.');
+    }
+    return Promise.reject(error);
+  },
+);

src/api/api.js

@@ -0,0 +1,10 @@
+import { api } from './api';
+
+export default async function fetchProfileImages() {
+  try {
+    const res = await api.get('/profile-images/');
+    return res.data.imageUrls;
+  } catch {
+    return [];
+  }
+}