From 4b3f6ca51345abfb6268eb60bc2dbb53698164b4 Mon Sep 17 00:00:00 2001
From: joseph0926 <joseph0926@naver.com>
Date: Sun, 14 Jul 2024 10:29:06 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[4]=20react-router-dom=EC=9D=84=20?=
 =?UTF-8?q?=EC=9D=B4=EC=9A=A9=ED=95=9C=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EA=B5=AC=EC=A1=B0=20=EC=9E=A1=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx                         | 32 +++++++++++++++++++++----
 web/src/pages/auth-page.tsx             |  3 +++
 web/src/pages/collect-comments-page.tsx |  3 +++
 web/src/pages/create-survey-page.tsx    |  3 +++
 web/src/pages/index.ts                  | 14 ++++++++++-
 web/src/pages/result-page.tsx           |  3 +++
 web/src/pages/root.tsx                  |  5 ++++
 7 files changed, 57 insertions(+), 6 deletions(-)
 create mode 100644 web/src/pages/auth-page.tsx
 create mode 100644 web/src/pages/collect-comments-page.tsx
 create mode 100644 web/src/pages/create-survey-page.tsx
 create mode 100644 web/src/pages/result-page.tsx
 create mode 100644 web/src/pages/root.tsx

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 58afd8e..cf33ef8 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -1,10 +1,32 @@
-import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { HomePage } from '@/pages';
-import GlobalStyles from './styles/global-styles';
+import {
+  AuthPage,
+  CollectCommentsPage,
+  CreateSurveyPage,
+  HomePage,
+  ResultPage,
+  Root,
+} from '@/pages';
+import store from '@/store';
+import GlobalStyles from '@/styles/global-styles';
 import { Provider } from 'react-redux';
-import store from './store';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 
-const router = createBrowserRouter([{ path: '/', element: <HomePage /> }]);
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <Root />,
+    children: [
+      { index: true, element: <HomePage /> },
+      { path: 'result', element: <ResultPage /> },
+      {
+        path: 'survey',
+        children: [{ path: 'new', element: <CreateSurveyPage /> }],
+      },
+      { path: 'collect', element: <CollectCommentsPage /> },
+    ],
+  },
+  { path: '/auth', element: <AuthPage /> },
+]);
 
 export default function App() {
   return (
diff --git a/web/src/pages/auth-page.tsx b/web/src/pages/auth-page.tsx
new file mode 100644
index 0000000..0222b6b
--- /dev/null
+++ b/web/src/pages/auth-page.tsx
@@ -0,0 +1,3 @@
+export default function AuthPage() {
+  return <div />;
+}
diff --git a/web/src/pages/collect-comments-page.tsx b/web/src/pages/collect-comments-page.tsx
new file mode 100644
index 0000000..d2a4f44
--- /dev/null
+++ b/web/src/pages/collect-comments-page.tsx
@@ -0,0 +1,3 @@
+export default function CollectCommentsPage() {
+  return <div />;
+}
diff --git a/web/src/pages/create-survey-page.tsx b/web/src/pages/create-survey-page.tsx
new file mode 100644
index 0000000..f1e5918
--- /dev/null
+++ b/web/src/pages/create-survey-page.tsx
@@ -0,0 +1,3 @@
+export default function CreateSurveyPage() {
+  return <div />;
+}
diff --git a/web/src/pages/index.ts b/web/src/pages/index.ts
index 71288eb..6ae0e9f 100644
--- a/web/src/pages/index.ts
+++ b/web/src/pages/index.ts
@@ -1,3 +1,15 @@
+import AuthPage from '@/pages/auth-page';
+import CollectCommentsPage from '@/pages/collect-comments-page';
+import CreateSurveyPage from '@/pages/create-survey-page';
 import HomePage from '@/pages/home-page';
+import ResultPage from '@/pages/result-page';
+import Root from '@/pages/root';
 
-export { HomePage };
+export {
+  AuthPage,
+  CollectCommentsPage,
+  CreateSurveyPage,
+  HomePage,
+  ResultPage,
+  Root,
+};
diff --git a/web/src/pages/result-page.tsx b/web/src/pages/result-page.tsx
new file mode 100644
index 0000000..3231db4
--- /dev/null
+++ b/web/src/pages/result-page.tsx
@@ -0,0 +1,3 @@
+export default function ResultPage() {
+  return <div />;
+}
diff --git a/web/src/pages/root.tsx b/web/src/pages/root.tsx
new file mode 100644
index 0000000..ea239ba
--- /dev/null
+++ b/web/src/pages/root.tsx
@@ -0,0 +1,5 @@
+import { Outlet } from 'react-router-dom';
+
+export default function Root() {
+  return <Outlet />;
+}