[이상달] Sprint7

.gitignore

@@ -13,6 +13,7 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

config-overrides.js

@@ -0,0 +1,8 @@
+const { override, addWebpackAlias } = require("customize-cra");
+const path = require("path");
+
+module.exports = override(
+  addWebpackAlias({
+    "@": path.resolve(__dirname, "src"),
+  })
+);

jsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "paths": {
+      "@/*": ["*"]
+    }
+  }
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "1-weekly-mission",
+  "name": "sprint-mission-panda-market",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -15,9 +15,9 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
@@ -37,5 +37,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "customize-cra": "^1.0.0",
+    "react-app-rewired": "^2.2.1"
   }
 }

src/Main.jsx

@@ -4,6 +4,7 @@ import ProductsPage from "./pages/products/ProductsPage";
 import BoardPage from "./pages/board/BoardPage";
 import AddProductPage from "./pages/products/AddProductPage";
 import ProductsLayout from "./pages/products/ProductsLayout";
+import ProductDetailPage from "./pages/products/ProductDetailPage";
 
 const Main = () => {
   return (
@@ -15,6 +16,7 @@ const Main = () => {
           <Route path="/products" element={<ProductsLayout />}>
             <Route index element={<ProductsPage />} />
             <Route path="addProduct" element={<AddProductPage />} />
+            <Route path=":id" element={<ProductDetailPage />} />
           </Route>
 
           <Route path="/board" element={<BoardPage />} />