[Feature] - react-router-dom 설정

frontend/package.json

@@ -20,7 +20,8 @@
     "axios": "^1.7.2",
     "dotenv-webpack": "^8.1.0",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.25.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",

frontend/src/App.tsx

@@ -1,7 +1,29 @@
+// import { Suspense } from "react";
+import { RouterProvider, createBrowserRouter } from "react-router-dom";
+
 import TravelogueDetailPage from "@components/pages/travelogueDetail/TravelogueDetailPage";
 
 const App = () => {
-  return <TravelogueDetailPage />;
+  const router = createBrowserRouter([
+    {
+      path: "/",
+      // element: (
+      //   <Suspense fallback={<Loading />}>
+      //     <MainPage />
+      //   </Suspense>
+      // ),
+      // errorElement: <ErrorPage/>,
+      children: [
+        {
+          path: "travelogueDetailPage",
+          element: <TravelogueDetailPage />,
+          // errorElement: <ErrorPage/>,
+        },
+      ],
+    },
+  ]);
+
+  return <RouterProvider router={router} />;
 };
 
 export default App;