From 40ea1644b107588661b09bac0ce21f6ccf838789 Mon Sep 17 00:00:00 2001
From: tolelom <98kimsungmin@naver.com>
Date: Sun, 12 Apr 2026 16:57:54 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20src=20=EB=A3=A8=ED=8A=B8=20?=
 =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- App.jsx 404 인라인 JSX → NotFoundPage 컴포넌트 분리, <a> → <Link> 수정
- index.css btn-game transition brightness → filter 오타 수정

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.jsx                |  9 ++-------
 src/index.css              |  2 +-
 src/pages/NotFoundPage.jsx | 11 +++++++++++
 3 files changed, 14 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/NotFoundPage.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 394410b..704652f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -11,6 +11,7 @@ import HomePage from './pages/HomePage';
 import AdminPage from './pages/AdminPage';
 import WalletPage from './pages/WalletPage';
 import SSAFYCallbackPage from './pages/SSAFYCallbackPage';
+import NotFoundPage from './pages/NotFoundPage';
 
 function AuthRedirect() {
   const { user } = useAuth();
@@ -66,13 +67,7 @@ function AppRoutes() {
             </AdminRoute>
           }
         />
-        <Route path="*" element={
-          <div style={{ padding: '2rem', textAlign: 'center', color: '#aaa' }}>
-            <h2>404</h2>
-            <p>페이지를 찾을 수 없습니다</p>
-            <a href="/" style={{ color: '#4ea8de' }}>홈으로 돌아가기</a>
-          </div>
-        } />
+        <Route path="*" element={<NotFoundPage />} />
       </Routes>
     </ErrorBoundary>
   );
diff --git a/src/index.css b/src/index.css
index 2b53f68..2992c05 100644
--- a/src/index.css
+++ b/src/index.css
@@ -45,7 +45,7 @@ a:hover {
   background: url('/images/btn_normal.webp') center/100% 100% no-repeat;
   letter-spacing: 0.05em;
   overflow: hidden;
-  transition: transform 0.15s, brightness 0.15s;
+  transition: transform 0.15s, filter 0.15s;
 }
 .btn-game:hover { transform: translateY(-1px); filter: brightness(1.2); }
 .btn-game:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
diff --git a/src/pages/NotFoundPage.jsx b/src/pages/NotFoundPage.jsx
new file mode 100644
index 0000000..12d2006
--- /dev/null
+++ b/src/pages/NotFoundPage.jsx
@@ -0,0 +1,11 @@
+import { Link } from 'react-router-dom';
+
+export default function NotFoundPage() {
+  return (
+    <div style={{ padding: '2rem', textAlign: 'center', color: '#aaa' }}>
+      <h2>404</h2>
+      <p>페이지를 찾을 수 없습니다</p>
+      <Link to="/" style={{ color: '#4ea8de' }}>홈으로 돌아가기</Link>
+    </div>
+  );
+}