diff --git a/src/App.tsx b/src/App.tsx
index 83c0792d..f38dc7dd 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,41 @@
+import { Routes, Route } from 'react-router-dom';
+import Login from './pages/account/Login';
+import Signup from './pages/account/Signup';
+import Store from './pages/myprofile/Store';
+import StoreEdit from './pages/myprofile/StoreEdit';
+import StoreForm from './pages/myprofile/StoreForm';
+import StorePost from './pages/myprofile/StorePost';
+import Profile from './pages/mystore/Profile';
+import ProfileForm from './pages/mystore/ProfileForm';
+import PostList from './pages/post/PostList';
+import Post from './pages/post/Post';
+
 export default function App() {
   return (
-    <>
-      <h1 className="text-3xl font-bold underline">hi</h1>
-    </>
+    <Routes>
+      {/* 공통 페이지 */}
+      <Route path="/" element={<PostList />} />
+      <Route path=":id" element={<Post />} />
+      <Route path="login" element={<Login />} />
+      <Route path="signup" element={<Signup />} />
+
+      {/* 사장님 페이지 */}
+      <Route path="owner">
+        <Route path="store">
+          <Route index element={<Store />} />
+          <Route path="edit" element={<StoreEdit />} />
+        </Route>
+        <Route path="post">
+          <Route index element={<StoreForm />} />
+          <Route path=":id" element={<StorePost />} />
+        </Route>
+      </Route>
+
+      {/* 알바님 프로필 페이지 */}
+      <Route path="profile">
+        <Route index element={<Profile />} />
+        <Route path="edit" element={<ProfileForm />} />
+      </Route>
+    </Routes>
   );
 }
diff --git a/src/index.css b/src/index.css
index 49a5d5e2..2f15020b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -78,7 +78,7 @@
   --color-red-40: #ff4040;
   --color-blue-10: #cce6ff;
   --color-blue-20: #0080ff;
-  --color-greem-10: #d4f7d4;
+  --color-green-10: #d4f7d4;
   --color-green-20: #20a81e;
   --color-kakao: #fee500;
   --font-weight-regular: 400;
diff --git a/src/main.tsx b/src/main.tsx
index e9a7f3a0..e2d123a3 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,13 +1,13 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { RouterProvider } from 'react-router-dom';
-import '@/index.css';
-import createAppRouter from '@/router';
-
-const router = createAppRouter();
+import { BrowserRouter } from 'react-router-dom';
+import App from './App';
+import './index.css';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <RouterProvider router={router} />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </StrictMode>,
 );
diff --git a/src/pages/.gitkeep b/src/pages/.gitkeep
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/pages/account/Login.tsx b/src/pages/account/Login.tsx
new file mode 100644
index 00000000..518ed82d
--- /dev/null
+++ b/src/pages/account/Login.tsx
@@ -0,0 +1,3 @@
+export default function Login() {
+  return <div>로그인</div>;
+}
diff --git a/src/pages/account/Signup.tsx b/src/pages/account/Signup.tsx
new file mode 100644
index 00000000..49ba27ee
--- /dev/null
+++ b/src/pages/account/Signup.tsx
@@ -0,0 +1,3 @@
+export default function Signup() {
+  return <div>회원가입</div>;
+}
diff --git a/src/pages/myprofile/Store.tsx b/src/pages/myprofile/Store.tsx
new file mode 100644
index 00000000..87db0e77
--- /dev/null
+++ b/src/pages/myprofile/Store.tsx
@@ -0,0 +1,3 @@
+export default function Store() {
+  return <div>내 가게 정보 상세(사장님)</div>;
+}
diff --git a/src/pages/myprofile/StoreEdit.tsx b/src/pages/myprofile/StoreEdit.tsx
new file mode 100644
index 00000000..9c38afbf
--- /dev/null
+++ b/src/pages/myprofile/StoreEdit.tsx
@@ -0,0 +1,3 @@
+export default function StoreEdit() {
+  return <div>내 가게 정보 등록/편집</div>;
+}
diff --git a/src/pages/myprofile/StoreForm.tsx b/src/pages/myprofile/StoreForm.tsx
new file mode 100644
index 00000000..7ebd7e1f
--- /dev/null
+++ b/src/pages/myprofile/StoreForm.tsx
@@ -0,0 +1,3 @@
+export default function StoreForm() {
+  return <div>내 가게 공고 등록</div>;
+}
diff --git a/src/pages/myprofile/StorePost.tsx b/src/pages/myprofile/StorePost.tsx
new file mode 100644
index 00000000..6caeddb9
--- /dev/null
+++ b/src/pages/myprofile/StorePost.tsx
@@ -0,0 +1,3 @@
+export default function StorePost() {
+  return <div>내 가게 공고 상세 (사장님)</div>;
+}
diff --git a/src/pages/mystore/Profile.tsx b/src/pages/mystore/Profile.tsx
new file mode 100644
index 00000000..c59addce
--- /dev/null
+++ b/src/pages/mystore/Profile.tsx
@@ -0,0 +1,3 @@
+export default function Profile() {
+  return <div>내 프로필 상세 (알바님)</div>;
+}
diff --git a/src/pages/mystore/ProfileForm.tsx b/src/pages/mystore/ProfileForm.tsx
new file mode 100644
index 00000000..8944225d
--- /dev/null
+++ b/src/pages/mystore/ProfileForm.tsx
@@ -0,0 +1,3 @@
+export default function ProfileForm() {
+  return <div>내 프로필 등록/편집 (알바님)</div>;
+}
diff --git a/src/pages/post/Post.tsx b/src/pages/post/Post.tsx
new file mode 100644
index 00000000..3d89a2ca
--- /dev/null
+++ b/src/pages/post/Post.tsx
@@ -0,0 +1,3 @@
+export default function Post() {
+  return <div>공고 상세</div>;
+}
diff --git a/src/pages/post/PostList.tsx b/src/pages/post/PostList.tsx
new file mode 100644
index 00000000..7fcfec99
--- /dev/null
+++ b/src/pages/post/PostList.tsx
@@ -0,0 +1,3 @@
+export default function PostList() {
+  return <div>공고 리스트</div>;
+}
diff --git a/src/router.tsx b/src/router.tsx
deleted file mode 100644
index 71a1d572..00000000
--- a/src/router.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createBrowserRouter } from 'react-router-dom';
-import App from '@/App';
-
-export default function createAppRouter() {
-  return createBrowserRouter([
-    {
-      path: '/',
-      element: <App />,
-    },
-  ]);
-}