[김제완] sprint8

package.json

@@ -6,11 +6,16 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-responsive": "^10.0.0",
     "react-router-dom": "^6.22.3",
     "react-scripts": "5.0.1",
+    "typescript": "^4.5.5",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -36,5 +41,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
   }
 }

src/App.js

@@ -1,10 +1,11 @@
-import Router from "./Router";
-import React from "react";
-
-export default function App() {
-  return (
-    <>
-      <Router />
-    </>
-  );
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Router_1 = __importDefault(require("./Router"));
+const react_1 = __importDefault(require("react"));
+function App() {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Router_1.default, null)));
 }
+exports.default = App;

src/App.tsx

@@ -0,0 +1,10 @@
+import Router from "./Router";
+import React from "react";
+
+export default function App() {
+  return (
+    <>
+      <Router />
+    </>
+  );
+}

src/Router.js

@@ -1,16 +1,26 @@
-import { Route, Routes } from "react-router-dom";
-import ItemPage from "./pages/items";
-import MarketPage from "./pages/market";
-import HomePage from "./pages/home";
-import ProductPage from "./pages/product";
-
-export default function Router() {
-  return (
-    <Routes>
-      <Route path="/" element={<HomePage />} />
-      <Route path="items" element={<MarketPage />} />
-      <Route path="items/:id" element={<ProductPage />} />
-      <Route path="additem" element={<ItemPage />} />
-    </Routes>
-  );
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_router_dom_1 = require("react-router-dom");
+const react_1 = __importDefault(require("react"));
+const home_1 = __importDefault(require("./pages/home"));
+const faq_1 = __importDefault(require("./pages/faq"));
+const market_1 = __importDefault(require("./pages/market"));
+const product_1 = __importDefault(require("./pages/product"));
+const items_1 = __importDefault(require("./pages/items"));
+const signin_1 = __importDefault(require("./pages/signin"));
+const signup_1 = __importDefault(require("./pages/signup"));
+const privacy_1 = __importDefault(require("./pages/privacy"));
+function Router() {
+    return (react_1.default.createElement(react_router_dom_1.Routes, null,
+        react_1.default.createElement(react_router_dom_1.Route, { path: "/", element: react_1.default.createElement(home_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "items", element: react_1.default.createElement(market_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "items/:id", element: react_1.default.createElement(product_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "additem", element: react_1.default.createElement(items_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "signin", element: react_1.default.createElement(signin_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "signup", element: react_1.default.createElement(signup_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "privacy", element: react_1.default.createElement(privacy_1.default, null) }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: "faq", element: react_1.default.createElement(faq_1.default, null) })));
 }
+exports.default = Router;

src/Router.tsx

@@ -0,0 +1,25 @@
+import { Route, Routes } from "react-router-dom";
+import React from "react";
+import HomePage from "./pages/home";
+import Faq from "./pages/faq";
+import MarketPage from "./pages/market";
+import ProductPage from "./pages/product";
+import ItemPage from "./pages/items";
+import Signin from "./pages/signin";
+import Signup from "./pages/signup";
+import Privacy from "./pages/privacy";
+
+export default function Router() {
+  return (
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+      <Route path="items" element={<MarketPage />} />
+      <Route path="items/:id" element={<ProductPage />} />
+      <Route path="additem" element={<ItemPage />} />
+      <Route path="signin" element={<Signin />} />
+      <Route path="signup" element={<Signup />} />
+      <Route path="privacy" element={<Privacy />} />
+      <Route path="faq" element={<Faq />} />
+    </Routes>
+  );
+}