BZzzzi · BZzzzi · Nov 17, 2025 · Nov 6, 2025 · Nov 6, 2025 · Nov 6, 2025
diff --git a/.gitignore b/.gitignore
@@ -21,3 +21,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+.env
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -5,11 +5,12 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
-
   // 린트 적용
-  "eslint.validate": ["javascript", "javascriptreact"],
-
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact"
+  ],
   // JavaScript 관련
   "javascript.preferences.importModuleSpecifier": "non-relative",
   "javascript.updateImportsOnFileMove.enabled": "always"
-}
+}
diff --git a/index.html b/index.html
@@ -14,6 +14,7 @@
   </head>
   <body>
     <div id="root"></div>
+    <div id="toast"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,10 +11,15 @@
   },
   "dependencies": {
     "axios": "^1.13.2",
+    "quill": "^2.0.3",
+    "emoji-picker-react": "^4.15.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
+    "react-quill-new": "^3.6.0",
+    "react-infinite-scroll-component": "^6.1.0",
     "react-router": "^7.9.5",
-    "styled-components": "^6.1.19"
+    "styled-components": "^6.1.19",
+    "swiper": "^12.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,19 +1,26 @@
-import { BrowserRouter, Routes, Route } from "react-router";
+import { Routes, Route } from "react-router";
 import { GlobalStyle } from "@/styles/global-style";
-import GlobalLayout from "@/components/global-layout";
-import TestPage from "@/pages/test-page";
+import GlobalLayout from "@/components/common/global-layout";
+import MessagePage from "@/pages/message-page";
+import MainPage from "@/pages/main-page";
+import ListPage from "@/pages/list-page";
+import PostPage from "@/pages/post-page";
+import RollingPage from "@/pages/rolling-page";
 
 function App() {
   return (
     <>
       <GlobalStyle />
-      <BrowserRouter>
-        <Routes>
-          <Route element={<GlobalLayout />}>
-            <Route path="/" element={<TestPage />} />
-          </Route>
-        </Routes>
-      </BrowserRouter>
+      <Routes>
+        <Route element={<GlobalLayout />}>
+          <Route path="/" element={<MainPage />} />
+          <Route path="/list" element={<ListPage />} />
+          <Route path="/post/:id" element={<RollingPage />} />
+          <Route path="/post/:id/edit" element={<RollingPage />} />
+          <Route path="/post" element={<PostPage />} />
+          <Route path="/post/:id/message" element={<MessagePage />} />
+        </Route>
+      </Routes>
     </>
   );
 }

diff --git a/src/api/client.js b/src/api/client.js
@@ -0,0 +1,22 @@
+import axios from "axios";
+
+// 기수-팀 번호 설정 (환경변수로 관리 가능)
+const TEAM_CODE = "20-1"; // 추후 환경변수로 변경 가능
+
+// API 기본 설정
+const BASE_URL = `https://rolling-api.vercel.app/${TEAM_CODE}`;
+
+/**
+ * API 클라이언트
+ * 책임: axios 인스턴스 생성 및 기본 설정
+ */
+const apiClient = axios.create({
+  baseURL: BASE_URL,
+  timeout: 10000,
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+
+export default apiClient;
+export { TEAM_CODE };
diff --git a/src/api/list-user-api.js b/src/api/list-user-api.js
@@ -0,0 +1,7 @@
+// 카드 리스트 유저 GET
+import axios from "axios";
+
+export async function getRecipients({ url }) {
+  const res = await axios.get(url);
+  return res.data;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,3 +21,5 @@ dist-ssr @@
     *.njsproj
     *.sln
     *.sw?
+    .env