[FRONTEND] 페이지 라우팅 설정 (#19)

페이지 추가 및 라우팅 기능 구현

Author: yuhoyeong

frontend/package-lock.json

@@ -13,6 +13,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-router": "^7.8.2",
+    "react-router-dom": "^7.9.1",
     "zustand": "^5.0.8"
   },
   "devDependencies": {

frontend/package.json

@@ -1,12 +1,22 @@
 import { BrowserRouter, Route, Routes } from "react-router";
 import "./App.css";
 import Home from "./pages/home";
+import CompatibilityCheck from "./pages/compatibilityCheck";
+import ExpertConsultation from "./pages/expertConsultation";
+import Guide from "./pages/guide";
+import Community from "./pages/community";
+import MyPage from "./pages/myPage";
 
 const Router = () => {
   return (
     <BrowserRouter>
       <Routes>
         <Route path={"/"} element={<Home />} />
+        <Route path={"/compatibility-check"} element={<CompatibilityCheck />} />
+        <Route path={"/expert-consultation"} element={<ExpertConsultation />} />
+        <Route path={"/guide"} element={<Guide />} />
+        <Route path={"/community"} element={<Community />} />
+        <Route path={"/mypage"} element={<MyPage />} />
       </Routes>
     </BrowserRouter>
   );