diff --git a/components/Table/TableList/TableList.tsx b/components/Table/TableList/TableList.tsx
index c81c856..6ba605f 100644
--- a/components/Table/TableList/TableList.tsx
+++ b/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";
diff --git a/pages/404.js b/pages/404.js
deleted file mode 100644
index 45d48c1..0000000
--- a/pages/404.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// /pages/404.js
-import Link from "next/link";
-
-export default function NotFoundPage() {
-  return (
-    <div>
-      <h1>Page no found</h1>
-      <ul>
-        <li>
-          <Link href="/">Go home</Link>
-        </li>
-      </ul>
-    </div>
-  );
-}
diff --git a/pages/404.module.css b/pages/404.module.css
new file mode 100644
index 0000000..cd4feec
--- /dev/null
+++ b/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;
+}
diff --git a/pages/404.tsx b/pages/404.tsx
new file mode 100644
index 0000000..b91cdc3
--- /dev/null
+++ b/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>
+  );
+}
diff --git a/pages/dashboard/[boardId]/index.tsx b/pages/dashboard/[boardId]/index.tsx
index ec85743..77d09da 100644
--- a/pages/dashboard/[boardId]/index.tsx
+++ b/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: {},
diff --git a/public/images/404.webp b/public/images/404.webp
new file mode 100644
index 0000000..e48b2fe
Binary files /dev/null and b/public/images/404.webp differ