Env: 라우터 초기 세팅

src/App.tsx

@@ -1,18 +1,25 @@
 import React from 'react';
 import './App.css';
+import { Route, Routes } from 'react-router-dom';
+import Layout from './components/common/Layout';
+import Auth from './components/auth';
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <p>
-          Edited <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
-          Learn React
-        </a>
-      </header>
-    </div>
+    <Routes>
+      <Route element={<Layout />}>
+        {/* 상원님 부분 */}
+        <Route path="/game" />
+        {/* 은지님 부분 */}
+        <Route path="/mypage" />
+        {/* 홍규님 부분 */}
+        <Route path="chat" />
+        {/* 성겸 부분 */}
+        <Route index element={<Auth />} />
+      </Route>
+
+
+    </Routes>
   );
 }
 

src/assets/index.ts

@@ -0,0 +1 @@
+export {}

src/components/auth/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Auth() {
+  return (
+    <div>index</div>
+  )
+}
+
+export default Auth

src/components/chat/index.ts

@@ -0,0 +1 @@
+export {}

src/components/common/Layout.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { Outlet } from 'react-router-dom'
+import Sidebar from './Sidebar'
+
+function Layout() {
+  return (
+    <>
+      <Sidebar />
+      <Outlet />
+    </>
+  )
+}
+
+export default Layout

src/components/common/Sidebar.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Sidebar() {
+  return (
+    <div>Sidebar</div>
+  )
+}
+
+export default Sidebar

src/components/common/index.ts

@@ -0,0 +1 @@
+export {}

src/components/index.ts

@@ -0,0 +1 @@
+export {}

src/hooks/index.ts

@@ -0,0 +1 @@
+export {}

src/libs/index.ts

@@ -0,0 +1 @@
+export {}

src/pages/index.ts

@@ -0,0 +1 @@
+export {}

src/reducer/index.ts

@@ -0,0 +1 @@
+export {}

src/styles/index.ts

@@ -0,0 +1 @@
+export {}

src/types/index.ts

@@ -0,0 +1 @@
+export {}

src/utils/index.ts

@@ -0,0 +1 @@
+export {}