From 1ad25630bf9875e36231cb173f4e28dd7b13ca3b Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 19 Apr 2026 11:27:24 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B5=AC=EC=A1=B0=20=EA=B0=9C=ED=8E=B8=204?=
 =?UTF-8?q?=EB=8B=A8=EA=B3=84:=20routes/=20=EC=8B=A0=EC=84=A4=20+=20App.js?=
 =?UTF-8?q?x=20=EB=8B=A8=EC=88=9C=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- routes/pc.jsx: 기존 App.jsx의 Route 정의를 추출
- routes/mobile.jsx: 모바일 placeholder (준비 중 안내)
- App.jsx는 디바이스 분기 자리만 남김 (현재 PCRoutes만 렌더)
- react-device-detect 도입 준비 완료

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/App.jsx           | 30 ++----------------------------
 frontend/src/routes/mobile.jsx | 26 ++++++++++++++++++++++++++
 frontend/src/routes/pc.jsx     | 31 +++++++++++++++++++++++++++++++
 3 files changed, 59 insertions(+), 28 deletions(-)
 create mode 100644 frontend/src/routes/mobile.jsx
 create mode 100644 frontend/src/routes/pc.jsx

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 330734d..4c3f03c 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,31 +1,5 @@
-import { Routes, Route } from 'react-router-dom'
-import Layout from './components/pc/Layout'
-import Home from './pages/pc/Home'
-import FeaturePage from './features/FeaturePage'
-import AdminLayout from './features/admin/pc/AdminLayout'
-import AdminHome from './features/admin/pc/AdminHome'
-import AdminImages from './features/admin/pc/AdminImages'
-import AdminMenuForm from './features/admin/pc/AdminMenuForm'
-import AdminFeaturePage from './features/admin/pc/AdminFeaturePage'
+import PCRoutes from './routes/pc'
 
 export default function App() {
-  return (
-    <Routes>
-      <Route element={<Layout />}>
-        <Route index element={<Home />} />
-
-        {/* 관리자 */}
-        <Route path="/admin" element={<AdminLayout />}>
-          <Route index element={<AdminHome />} />
-          <Route path="images" element={<AdminImages />} />
-          <Route path="menus/new" element={<AdminMenuForm />} />
-          <Route path="menus/:id" element={<AdminMenuForm />} />
-          <Route path=":slug/*" element={<AdminFeaturePage />} />
-        </Route>
-
-        {/* 동적 기능 페이지 */}
-        <Route path="/:slug/*" element={<FeaturePage />} />
-      </Route>
-    </Routes>
-  )
+  return <PCRoutes />
 }
diff --git a/frontend/src/routes/mobile.jsx b/frontend/src/routes/mobile.jsx
new file mode 100644
index 0000000..24cdcb8
--- /dev/null
+++ b/frontend/src/routes/mobile.jsx
@@ -0,0 +1,26 @@
+import { Routes, Route } from 'react-router-dom'
+
+/**
+ * 모바일 라우트 (placeholder)
+ * 추후 MobileLayout, 기능별 모바일 페이지 등록 예정
+ */
+export default function MobileRoutes() {
+  return (
+    <Routes>
+      <Route
+        path="*"
+        element={
+          <div
+            className="min-h-screen flex items-center justify-center p-6 text-center"
+            style={{ color: 'var(--text-muted)' }}
+          >
+            <div>
+              <div className="text-4xl mb-3 opacity-50">📱</div>
+              <p className="text-sm">모바일 버전은 준비 중입니다</p>
+            </div>
+          </div>
+        }
+      />
+    </Routes>
+  )
+}
diff --git a/frontend/src/routes/pc.jsx b/frontend/src/routes/pc.jsx
new file mode 100644
index 0000000..1efcefc
--- /dev/null
+++ b/frontend/src/routes/pc.jsx
@@ -0,0 +1,31 @@
+import { Routes, Route } from 'react-router-dom'
+import Layout from '../components/pc/Layout'
+import Home from '../pages/pc/Home'
+import FeaturePage from '../features/FeaturePage'
+import AdminLayout from '../features/admin/pc/AdminLayout'
+import AdminHome from '../features/admin/pc/AdminHome'
+import AdminImages from '../features/admin/pc/AdminImages'
+import AdminMenuForm from '../features/admin/pc/AdminMenuForm'
+import AdminFeaturePage from '../features/admin/pc/AdminFeaturePage'
+
+export default function PCRoutes() {
+  return (
+    <Routes>
+      <Route element={<Layout />}>
+        <Route index element={<Home />} />
+
+        {/* 관리자 */}
+        <Route path="/admin" element={<AdminLayout />}>
+          <Route index element={<AdminHome />} />
+          <Route path="images" element={<AdminImages />} />
+          <Route path="menus/new" element={<AdminMenuForm />} />
+          <Route path="menus/:id" element={<AdminMenuForm />} />
+          <Route path=":slug/*" element={<AdminFeaturePage />} />
+        </Route>
+
+        {/* 동적 기능 페이지 */}
+        <Route path="/:slug/*" element={<FeaturePage />} />
+      </Route>
+    </Routes>
+  )
+}