diff --git a/src/App.tsx b/src/App.tsx index b039ae8..ddc86c0 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -14,6 +14,7 @@ import LetterBoxDetailPage from './pages/LetterBoxDetail'; import LetterDetailPage from './pages/LetterDetail'; import LoginPage from './pages/Login'; import MyPage from './pages/MyPage'; +import NotFoundPage from './pages/NotFound'; import NotificationsPage from './pages/Notifications'; import OnboardingPage from './pages/Onboarding'; import RandomLettersPage from './pages/RandomLetters'; @@ -51,7 +52,9 @@ const App = () => { } /> } /> + }> + }> } /> diff --git a/src/pages/NotFound/index.tsx b/src/pages/NotFound/index.tsx new file mode 100644 index 0000000..ea85100 --- /dev/null +++ b/src/pages/NotFound/index.tsx @@ -0,0 +1,30 @@ +import { useNavigate } from 'react-router'; + +export default function index() { + // eslint-disable-next-line react-hooks/rules-of-hooks + const navigate = useNavigate(); + return ( +
+
+

존재하지 않는 페이지

+
+

존재한다는 건 정말 소중한 일이에요.

+

누군가에게 발견될 수 있으니 말이죠.

+

마치 36.5를 통해 연결된 따숨님들처럼요.

+
+

36.5 에 존재하는 다른 페이지들이 많아요!

+

여러분을 기다리고 있는 다른 페이지들을 발견해주시겠어요?

+
+

From.9황작물

+
+ +
+ ); +}