feat(404.tsx) : 완성

components/Table/TableList/TableList.tsx

@@ -2,7 +2,6 @@ import sender from "@/apis/sender";
 import Button from "@/components/Buttons/Button/Button";
 import ProfileIcon from "@/components/Members/ProfileIcon";
 import useApi from "@/hooks/useApi";
-import AlertModal from "@/modals/AlertModal";
 import { InvitationData, Member } from "@/types/api.type";
 import { getAccessTokenFromDocument } from "@/utils/getAccessToken";
 import makeColorProfile from "@/utils/makeColorProfile";

pages/404.module.css

@@ -0,0 +1,16 @@
+.root {
+  margin: 20rem auto;
+  width: 500px;
+}
+
+.h1 {
+  font-size: 5.6rem;
+  margin: 2rem auto 5rem;
+  text-align: center;
+}
+
+.p {
+  font-size: 5.6rem;
+  margin: 5rem auto 2rem;
+  text-align: center;
+}

pages/404.tsx

@@ -0,0 +1,20 @@
+// /pages/404.js
+import Image from "next/image";
+import Link from "next/link";
+import styles from "./404.module.css";
+import Button from "@/components/Buttons/Button/Button";
+
+export default function NotFoundPage() {
+  return (
+    <div className={styles.root}>
+      <p className={styles.p}>길을 잃었다</p>
+      <Image src="/images/404.webp" width="500" height="300" alt="" />
+      <h1 className={styles.h1}>어딜 가야 할까</h1>
+      <ul>
+        <Button buttonType="login" color="white">
+          <Link href="/mydashboard">Go home</Link>
+        </Button>
+      </ul>
+    </div>
+  );
+}

pages/dashboard/[boardId]/index.tsx

@@ -30,6 +30,12 @@ export const getServerSideProps = async (context: GetServerSidePropsContext) =>
     data: { data: columnData },
   } = await sender.get({ path: "columns", id: boardId, accessToken });
 
+  if (!columnData) {
+    return {
+      notFound: true,
+    };
+  }
+
   const entireData: EntireData = {
     cards: {},
     columns: {},