From 57715726b80a9592ef4d780c6d2ca0a093e80039 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 19 Apr 2026 15:59:36 +0900
Subject: [PATCH] =?UTF-8?q?react-device-detect=20=EB=8F=84=EC=9E=85=20(PC?=
 =?UTF-8?q?=20/=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EB=9D=BC=EC=9A=B0?=
 =?UTF-8?q?=ED=8A=B8=20=EB=B6=84=EA=B8=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- App.jsx: BrowserView / MobileView 로 분기 렌더
- 모바일 접속 시 routes/mobile.jsx (현재 '준비 중' placeholder) 렌더
- 구조 개편 후 실제 device 감지 활성화

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/package-lock.json | 40 ++++++++++++++++++++++++++++++++++++++
 frontend/package.json      |  1 +
 frontend/src/App.jsx       | 13 ++++++++++++-
 3 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index d1b43b4..807065a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,6 +17,7 @@
         "overlayscrollbars": "^2.15.1",
         "overlayscrollbars-react": "^0.5.6",
         "react": "^19.2.4",
+        "react-device-detect": "^2.2.3",
         "react-dom": "^19.2.4",
         "react-router-dom": "^7.14.0",
         "zustand": "^5.0.12"
@@ -3763,6 +3764,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-device-detect": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-device-detect/-/react-device-detect-2.2.3.tgz",
+      "integrity": "sha512-buYY3qrCnQVlIFHrC5UcUoAj7iANs/+srdkwsnNjI7anr3Tt7UY6MqNxtMLlr0tMBied0O49UZVK8XKs3ZIiPw==",
+      "license": "MIT",
+      "dependencies": {
+        "ua-parser-js": "^1.0.33"
+      },
+      "peerDependencies": {
+        "react": ">= 0.14.0",
+        "react-dom": ">= 0.14.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "19.2.4",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
@@ -4132,6 +4146,32 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/ua-parser-js": {
+      "version": "1.0.41",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.41.tgz",
+      "integrity": "sha512-LbBDqdIC5s8iROCUjMbW1f5dJQTEFB1+KO9ogbvlb3nm9n4YHa5p4KTvFPWvh2Hs8gZMBuiB1/8+pdfe/tDPug==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "ua-parser-js": "script/cli.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 378bd9f..4d48109 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "overlayscrollbars": "^2.15.1",
     "overlayscrollbars-react": "^0.5.6",
     "react": "^19.2.4",
+    "react-device-detect": "^2.2.3",
     "react-dom": "^19.2.4",
     "react-router-dom": "^7.14.0",
     "zustand": "^5.0.12"
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 4c3f03c..cef53ee 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,5 +1,16 @@
+import { BrowserView, MobileView } from 'react-device-detect'
 import PCRoutes from './routes/pc'
+import MobileRoutes from './routes/mobile'
 
 export default function App() {
-  return <PCRoutes />
+  return (
+    <>
+      <BrowserView>
+        <PCRoutes />
+      </BrowserView>
+      <MobileView>
+        <MobileRoutes />
+      </MobileView>
+    </>
+  )
 }