From 721c916519cd52eacc81178f166f417575b41dfc Mon Sep 17 00:00:00 2001
From: hojin <devbang5674@gmail.com>
Date: Sat, 22 Jun 2024 00:52:43 +0900
Subject: [PATCH] =?UTF-8?q?feat=20:=20=EC=9D=BC=EB=B0=98=20=EC=97=90?=
 =?UTF-8?q?=EB=9F=AC=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/_error.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/pages/_error.tsx

diff --git a/src/pages/_error.tsx b/src/pages/_error.tsx
new file mode 100644
index 0000000..62e1b9a
--- /dev/null
+++ b/src/pages/_error.tsx
@@ -0,0 +1,27 @@
+import MainContainer from '@/components/shared/MainContainer';
+import { NextPageContext } from 'next';
+import { useRouter } from 'next/router';
+
+function Error({ statusCode }: { statusCode?: number }) {
+  const router = useRouter();
+  return (
+    <MainContainer>
+      <div className="flex items-center justify-center text-3xl font-extrabold">
+        {statusCode} 에러가 발생했습니다.
+      </div>
+      <div
+        onClick={() => router.replace('/')}
+        className="cursor-pointer mt-16 mx-auto rounded-lg w-[360px] h-12 bg-space-purple text-white text-xl font-semibold flex items-center justify-center">
+        홈으로
+      </div>
+    </MainContainer>
+  );
+}
+
+Error.getInitialProps = ({ res, err }: NextPageContext) => {
+  const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+
+  return { statusCode };
+};
+
+export default Error;