✨ feat: 각 페이지 컴포넌트 생성 및 라우팅 설정

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>
   );
 }

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;

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>,
 );

src/pages/account/Login.tsx

@@ -0,0 +1,3 @@
+export default function Login() {
+  return <div>로그인</div>;
+}

src/pages/account/Signup.tsx

@@ -0,0 +1,3 @@
+export default function Signup() {
+  return <div>회원가입</div>;
+}

src/pages/myprofile/Store.tsx

@@ -0,0 +1,3 @@
+export default function Store() {
+  return <div>내 가게 정보 상세(사장님)</div>;
+}

src/pages/myprofile/StoreEdit.tsx

@@ -0,0 +1,3 @@
+export default function StoreEdit() {
+  return <div>내 가게 정보 등록/편집</div>;
+}

src/pages/myprofile/StoreForm.tsx

@@ -0,0 +1,3 @@
+export default function StoreForm() {
+  return <div>내 가게 공고 등록</div>;
+}

src/pages/myprofile/StorePost.tsx

@@ -0,0 +1,3 @@
+export default function StorePost() {
+  return <div>내 가게 공고 상세 (사장님)</div>;
+}

src/pages/mystore/Profile.tsx

@@ -0,0 +1,3 @@
+export default function Profile() {
+  return <div>내 프로필 상세 (알바님)</div>;
+}

src/pages/mystore/ProfileForm.tsx

@@ -0,0 +1,3 @@
+export default function ProfileForm() {
+  return <div>내 프로필 등록/편집 (알바님)</div>;
+}

src/pages/post/Post.tsx

@@ -0,0 +1,3 @@
+export default function Post() {
+  return <div>공고 상세</div>;
+}

src/pages/post/PostList.tsx

@@ -0,0 +1,3 @@
+export default function PostList() {
+  return <div>공고 리스트</div>;
+}