diff --git a/.gitignore b/.gitignore
index a547bf3..f6cc248 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+.env
 # Logs
 logs
 *.log
diff --git a/package-lock.json b/package-lock.json
index 5587a31..8179dbf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-redux": "^8.0.2",
+        "react-router-dom": "^6.4.0",
         "swiper": "^8.4.0",
         "vite-plugin-svgr": "^2.2.1"
       },
@@ -618,6 +619,14 @@
         }
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.0.0.tgz",
+      "integrity": "sha512-SCR1cxRSMNKjaVYptCzBApPDqGwa3FGdjVHc+rOToocNPHQdIYLZBfv/3f+KvYuXDkUGVIW9IAzmPNZDRL1I4A==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
@@ -2970,6 +2979,35 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.4.0.tgz",
+      "integrity": "sha512-B+5bEXFlgR1XUdHYR6P94g299SjrfCBMmEDJNcFbpAyRH1j1748yt9NdDhW3++nw1lk3zQJ6aOO66zUx3KlTZg==",
+      "dependencies": {
+        "@remix-run/router": "1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.4.0.tgz",
+      "integrity": "sha512-4Aw1xmXKeleYYQ3x0Lcl2undHR6yMjXZjd9DKZd53SGOYqirrUThyUb0wwAX5VZAyvSuzjNJmZlJ3rR9+/vzqg==",
+      "dependencies": {
+        "react-router": "6.4.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -3909,6 +3947,11 @@
         "reselect": "^4.1.5"
       }
     },
+    "@remix-run/router": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.0.0.tgz",
+      "integrity": "sha512-SCR1cxRSMNKjaVYptCzBApPDqGwa3FGdjVHc+rOToocNPHQdIYLZBfv/3f+KvYuXDkUGVIW9IAzmPNZDRL1I4A=="
+    },
     "@rollup/pluginutils": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
@@ -5406,6 +5449,22 @@
       "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
       "dev": true
     },
+    "react-router": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.4.0.tgz",
+      "integrity": "sha512-B+5bEXFlgR1XUdHYR6P94g299SjrfCBMmEDJNcFbpAyRH1j1748yt9NdDhW3++nw1lk3zQJ6aOO66zUx3KlTZg==",
+      "requires": {
+        "@remix-run/router": "1.0.0"
+      }
+    },
+    "react-router-dom": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.4.0.tgz",
+      "integrity": "sha512-4Aw1xmXKeleYYQ3x0Lcl2undHR6yMjXZjd9DKZd53SGOYqirrUThyUb0wwAX5VZAyvSuzjNJmZlJ3rR9+/vzqg==",
+      "requires": {
+        "react-router": "6.4.0"
+      }
+    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
diff --git a/package.json b/package.json
index 033b209..7e37080 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.2",
+    "react-router-dom": "^6.4.0",
     "swiper": "^8.4.0",
     "vite-plugin-svgr": "^2.2.1"
   },
diff --git a/src/App.jsx b/src/App.jsx
index 313908b..de677f1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,27 @@
+import { Link, Route, Routes } from 'react-router-dom'
+import Home from './pages/Home/Home'
+import Like from './pages/Like'
+import Onul from './pages/Onul'
+import Login from './pages/Login'
+import Cart from './pages/Cart'
+import MyPage from './pages/MyPage'
+import SignIn from './pages/SignIn'
+
 function App() {
-  return <div className="p-4 text-black text-2xl ">Hello</div>
+  return (
+    <>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/category" element={<Home />} />
+        <Route path="/onul" element={<Onul />} />
+        <Route path="/like" element={<Like />} />
+        <Route path="/my" element={<MyPage />} />
+        <Route path="/login" element={<Login />} />
+        <Route path="/signin" element={<SignIn />} />
+        <Route path="/cart" element={<Cart />} />
+      </Routes>
+    </>
+  )
 }
 
 export default App
diff --git a/src/main.jsx b/src/main.jsx
index 9af0bb6..b15cdd6 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,10 +1,13 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import { BrowserRouter } from 'react-router-dom'
 import App from './App'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <App />
-  </React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>,
 )
diff --git a/src/pages/Cart.jsx b/src/pages/Cart.jsx
index e69de29..729d459 100644
--- a/src/pages/Cart.jsx
+++ b/src/pages/Cart.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Cart = () => {
+  return <div>Cart</div>
+}
+
+export default Cart
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
index e69de29..30a3853 100644
--- a/src/pages/Home/Home.jsx
+++ b/src/pages/Home/Home.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Home = () => {
+  return <div>Home</div>
+}
+
+export default Home
diff --git a/src/pages/Like.jsx b/src/pages/Like.jsx
index e69de29..9ee2035 100644
--- a/src/pages/Like.jsx
+++ b/src/pages/Like.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Like = () => {
+  return <div>Like</div>
+}
+
+export default Like
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index e69de29..1d5b925 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Login = () => {
+  return <div>Login</div>
+}
+
+export default Login
diff --git a/src/pages/MyPage.jsx b/src/pages/MyPage.jsx
index e69de29..f6dac8b 100644
--- a/src/pages/MyPage.jsx
+++ b/src/pages/MyPage.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const MyPage = () => {
+  return <div>MyPage</div>
+}
+
+export default MyPage
diff --git a/src/pages/Onul.jsx b/src/pages/Onul.jsx
new file mode 100644
index 0000000..176879a
--- /dev/null
+++ b/src/pages/Onul.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Onul = () => {
+  return <div>Onul</div>
+}
+
+export default Onul
diff --git a/src/pages/Order.jsx b/src/pages/Order.jsx
index e69de29..f95e1cc 100644
--- a/src/pages/Order.jsx
+++ b/src/pages/Order.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Order = () => {
+  return <div>Order</div>
+}
+
+export default Order
diff --git a/src/pages/Prdoucts/ProductDetail.jsx b/src/pages/Prdoucts/ProductDetail.jsx
index e69de29..5b8b833 100644
--- a/src/pages/Prdoucts/ProductDetail.jsx
+++ b/src/pages/Prdoucts/ProductDetail.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const ProductDetail = () => {
+  return <div>ProductDetail</div>
+}
+
+export default ProductDetail
diff --git a/src/pages/Prdoucts/ProductList.jsx b/src/pages/Prdoucts/ProductList.jsx
index e69de29..9cd62d6 100644
--- a/src/pages/Prdoucts/ProductList.jsx
+++ b/src/pages/Prdoucts/ProductList.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const ProductList = () => {
+  return <div>ProductList</div>
+}
+
+export default ProductList
diff --git a/src/pages/Search.jsx b/src/pages/Search.jsx
index e69de29..7091b37 100644
--- a/src/pages/Search.jsx
+++ b/src/pages/Search.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Search = () => {
+  return <div>Search</div>
+}
+
+export default Search
diff --git a/src/pages/SignIn.jsx b/src/pages/SignIn.jsx
index e69de29..f62c6af 100644
--- a/src/pages/SignIn.jsx
+++ b/src/pages/SignIn.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const SignIn = () => {
+  return <div>SignIn</div>
+}
+
+export default SignIn