From e3e30257c897132defe855f5e16c3d01ab6dcf77 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Mon, 23 Sep 2024 09:13:23 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20404=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/NotFound.tsx | 13 +++++++++++++
 frontend/src/router/index.tsx   |  7 ++++++-
 frontend/tailwind.config.js     |  6 ++++++
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/pages/NotFound.tsx

diff --git a/frontend/src/pages/NotFound.tsx b/frontend/src/pages/NotFound.tsx
new file mode 100644
index 0000000..9f8e85b
--- /dev/null
+++ b/frontend/src/pages/NotFound.tsx
@@ -0,0 +1,13 @@
+export default function NotFound() {
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center">
+      <h1 className="animate-weight-loop text-[64px] text-gray-900">페이지를 찾을 수 없습니다.</h1>
+      <button
+        className="body text-primary hover:underline"
+        onClick={() => window.history.back()}
+      >
+        이전 페이지로 돌아가기
+      </button>
+    </div>
+  );
+}
diff --git a/frontend/src/router/index.tsx b/frontend/src/router/index.tsx
index dbf88a0..661856c 100644
--- a/frontend/src/router/index.tsx
+++ b/frontend/src/router/index.tsx
@@ -15,6 +15,7 @@ import AdminIndex from '@/pages/AdminIndex';
 import LabelCanvas from '@/pages/LabelCanvas';
 import ReviewDetail from '@/components/ReviewDetail';
 import ImageFolderUploadTest from '@/pages/ImageFolderUploadTest';
+import NotFound from '@/pages/NotFound';
 
 export const webPath = {
   home: () => '/',
@@ -34,13 +35,17 @@ const router = createBrowserRouter([
         index: true,
         element: <Home />,
       },
+      {
+        path: '*',
+        element: <NotFound />,
+      },
     ],
   },
   {
     // FIXME: index에서 오류나지 않게 수정
     path: webPath.browse(),
     element: (
-      <Suspense fallback={<div></div>}>
+      <Suspense fallback={<PageLayout />}>
         <WorkspaceBrowseLayout />
       </Suspense>
     ),
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index e2a6b48..7a3ec08 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -67,10 +67,16 @@ export default {
           from: { height: 'var(--radix-accordion-content-height)' },
           to: { height: '0' },
         },
+        'weight-loop': {
+          '0%': { 'font-weight': '100' },
+          '50%': { 'font-weight': '900' },
+          '100%': { 'font-weight': '100' },
+        },
       },
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out',
+        'weight-loop': 'weight-loop 5s infinite',
       },
     },
   },