Merge pull request #18 from ananjaemin/17-404오류-page-제작

17 404오류 page 제작

src/App.tsx

@@ -5,6 +5,14 @@ import { ToastContainer } from 'react-toastify';
 
 import 'react-toastify/dist/ReactToastify.css';
 import { Navbar } from './components';
+import {
+  MainPage,
+  SuccessPage,
+  DownloadPage,
+  DeletePage,
+  FileListPage,
+  NotFoundPage,
+} from './pages';
 import { MainPage, SuccessPage, DownloadPage, DeletePage, FileListPage, ApiPage } from './pages';
 import { store } from './state/store';
 
@@ -42,6 +50,7 @@ export const App: React.FC = () => (
         <Route path="/delete" element={<DeletePage />} />
         <Route path="/filelist" element={<FileListPage />} />
         <Route path="/api/*" element={<ApiPage />} />
+        <Route path="*" element={<NotFoundPage />} />
       </Route>
     </Routes>
   </Provider>

src/pages/index.ts

@@ -4,3 +4,5 @@ export * from './download';
 export * from './delete';
 export * from './filelist';
 export * from './api';
+export * from './notfound';
+

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>;

src/pages/notfound/styled.ts

@@ -0,0 +1,3 @@
+import styled from '@emotion/styled';
+
+export const NotFoundPage = styled.div``;