[김민식]sprint 6

package.json

@@ -9,7 +9,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-router-dom": "^7.9.5",
+    "react-router-dom": "^6.30.1",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

src/App.js

@@ -1,17 +1,28 @@
-import { BrowserRouter, Routes, Route } from "react-router-dom";
 import React from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Main from "./pages/Main";
-import Login from "./pages/Login";
-import SignUp from "./pages/SignUp";
-import Market from "./pages/Market"
+import MarketPage from "./pages/MarketPage/MarketPage";
+import Login from "./pages/login/Login";
+import SignUp from "./pages/signup/SignUp";
+import Item from "./pages/item/Item";
+import Privacy from "./pages/privacy/Privacy";
+import Faq from "./pages/faq/Faq";
+import RegistrationPage from "./pages/registration/RegistrationPage";
+import ProductDetailPage from "./pages/product/ProductDetailPage";
+
 function App() {
   return (
     <BrowserRouter>
       <Routes>
-        <Route path="/" element={<Main />} />       
-        <Route path="./pages/Login" element={<Login />} /> 
-        {/* <Route path="/signup" element={<SignUp />} />  */}
-        {/* <Route path="/Market" element={<Market />} /> */}
+        <Route path="/" element={<Main />} />
+        <Route path="/market" element={<MarketPage />} />
+        <Route path="/login" element={<Login />} />
+        <Route path="/signup" element={<SignUp />} />
+        <Route path="/items" element={<Item />} />
+        <Route path="/registration" element={<RegistrationPage />} />
+        <Route path="/product/:id" element={<ProductDetailPage />} />
+        <Route path="/privacy" element={<Privacy />} />
+        <Route path="/faq" element={<Faq />} />
       </Routes>
     </BrowserRouter>
   );

src/api/itemApi.js

@@ -0,0 +1,40 @@
+export async function getProducts(params = {}) {
+  const query = new URLSearchParams(params).toString();
+
+  try {
+    const response = await fetch(
+      ` https://panda-market-api.vercel.app/docs/products?${query}`
+    );
+    if (!response.ok) {
+      throw new Error(`HTTP error: ${response.status}`);
+    }
+    const body = await response.json();
+    return body;
+  } catch (error) {
+    console.error("Failed to fetch products:", error);
+    throw error;
+  }
+}
+
+export async function createProduct(productData) {
+  try {
+    const response = await fetch(
+      `https://panda-market-api.vercel.app/docs/products`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(productData),
+      }
+    );
+    if (!response.ok) {
+      throw new Error(`HTTP error: ${response.status}`);
+    }
+    const body = await response.json();
+    return body;
+  } catch (error) {
+    console.error("Failed to create product:", error);
+    throw error;
+  }
+}

src/components/Constants.js

@@ -6,3 +6,5 @@ const USER_DATA = [
   { email: "[email protected]", password: "codeit505!" },
   { email: "[email protected]", password: "codeit606!" },
 ];
+
+export default USER_DATA;