From 8e258dded4afb93e4f2742e4c85a4dce8e55046d Mon Sep 17 00:00:00 2001
From: anjaemin <t01089416422@gmail.com>
Date: Wed, 2 Nov 2022 15:34:09 +0900
Subject: [PATCH 1/2] test: Notfound Page

---
 src/pages/index.ts           | 1 +
 src/pages/notfound/index.tsx | 5 +++++
 src/pages/notfound/styled.ts | 3 +++
 3 files changed, 9 insertions(+)
 create mode 100644 src/pages/notfound/index.tsx
 create mode 100644 src/pages/notfound/styled.ts

diff --git a/src/pages/index.ts b/src/pages/index.ts
index 0986ab2..e5df1ce 100644
--- a/src/pages/index.ts
+++ b/src/pages/index.ts
@@ -3,3 +3,4 @@ export * from './success';
 export * from './download';
 export * from './delete';
 export * from './filelist';
+export * from './notfound';
diff --git a/src/pages/notfound/index.tsx b/src/pages/notfound/index.tsx
new file mode 100644
index 0000000..c6c4185
--- /dev/null
+++ b/src/pages/notfound/index.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+import * as S from './styled';
+
+export const NotFoundPage: React.FC = () => <S.NotFoundPage>404</S.NotFoundPage>;
diff --git a/src/pages/notfound/styled.ts b/src/pages/notfound/styled.ts
new file mode 100644
index 0000000..36b117a
--- /dev/null
+++ b/src/pages/notfound/styled.ts
@@ -0,0 +1,3 @@
+import styled from '@emotion/styled';
+
+export const NotFoundPage = styled.div``;

From 3022fc92746b6ad8ff6e2b42347735a88b8ca808 Mon Sep 17 00:00:00 2001
From: anjaemin <t01089416422@gmail.com>
Date: Wed, 2 Nov 2022 15:34:27 +0900
Subject: [PATCH 2/2] test: NotfoundPage Route

---
 src/App.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1b6594e..c6f87fe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,14 @@ import { ToastContainer } from 'react-toastify';
 
 import 'react-toastify/dist/ReactToastify.css';
 import { Navbar } from './components';
-import { MainPage, SuccessPage, DownloadPage, DeletePage, FileListPage } from './pages';
+import {
+  MainPage,
+  SuccessPage,
+  DownloadPage,
+  DeletePage,
+  FileListPage,
+  NotFoundPage,
+} from './pages';
 import { store } from './state/store';
 
 export const App: React.FC = () => (
@@ -41,6 +48,7 @@ export const App: React.FC = () => (
         <Route path="/download" element={<DownloadPage />} />
         <Route path="/delete" element={<DeletePage />} />
         <Route path="/filelist" element={<FileListPage />} />
+        <Route path="*" element={<NotFoundPage />} />
       </Route>
     </Routes>
   </Provider>