77

Author: kossiecoder

src/pages/HomePage.js

@@ -1,6 +1,6 @@
 const HomePage = () => {
   return (
-    <div>Home Page</div>
+    <h1>프로젝트로 배우는 리액트</h1>
   );
 };
 

src/pages/NotFoundPage.js

@@ -0,0 +1,7 @@
+const NotFoundPage = () => {
+  return (
+    <div>404 Page Not Found</div>
+  )
+}
+
+export default NotFoundPage;

src/routes.js

@@ -4,6 +4,7 @@ import EditPage from './pages/EditPage';
 import ListPage from './pages/ListPage';
 import AdminPage from './pages/AdminPage';
 import ShowPage from './pages/ShowPage';
+import NotFoundPage from './pages/NotFoundPage';
 
 const routes = [
   {
@@ -32,6 +33,10 @@ const routes = [
   {
     path: '/blogs/:id',
     component: ShowPage
+  },
+  {
+    path: '*',
+    component: NotFoundPage
   }
 ];