diff --git a/src/App.tsx b/src/App.tsx
index 4e06934d..0145aead 100644
--- a/src/App.tsx
+++ b/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>
   );
 }
 
diff --git a/src/assets/index.ts b/src/assets/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/assets/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/components/auth/index.tsx b/src/components/auth/index.tsx
new file mode 100644
index 00000000..c724e3fc
--- /dev/null
+++ b/src/components/auth/index.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Auth() {
+  return (
+    <div>index</div>
+  )
+}
+
+export default Auth
\ No newline at end of file
diff --git a/src/components/chat/index.ts b/src/components/chat/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/components/chat/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/components/common/Layout.tsx b/src/components/common/Layout.tsx
new file mode 100644
index 00000000..a22cf7fb
--- /dev/null
+++ b/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
\ No newline at end of file
diff --git a/src/components/common/Sidebar.tsx b/src/components/common/Sidebar.tsx
new file mode 100644
index 00000000..8bfebc89
--- /dev/null
+++ b/src/components/common/Sidebar.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Sidebar() {
+  return (
+    <div>Sidebar</div>
+  )
+}
+
+export default Sidebar
\ No newline at end of file
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/components/common/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/hooks/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/libs/index.ts b/src/libs/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/libs/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/pages/index.ts b/src/pages/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/pages/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/reducer/index.ts b/src/reducer/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/reducer/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/styles/index.ts b/src/styles/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/styles/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 00000000..693da49f
--- /dev/null
+++ b/src/utils/index.ts
@@ -0,0 +1 @@
+export {}
\ No newline at end of file