From 91689f93a70d84011fc454e72861fcf217f32abe Mon Sep 17 00:00:00 2001
From: YoungUnKim <162089313+YoungUnKim@users.noreply.github.com>
Date: Fri, 7 Jun 2024 21:43:32 +0900
Subject: [PATCH 1/2] =?UTF-8?q?ADD:=20=EA=B8=B0=EB=B3=B8=20=EA=B5=AC?=
 =?UTF-8?q?=EC=A1=B0=20=ED=98=95=ED=83=9C=20=EB=A7=8C=EB=93=A4=EA=B8=B0=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/addboards.tsx      | 19 +++++++++++++++++++
 pages/addboards/[id].tsx |  0
 2 files changed, 19 insertions(+)
 create mode 100644 pages/addboards.tsx
 create mode 100644 pages/addboards/[id].tsx

diff --git a/pages/addboards.tsx b/pages/addboards.tsx
new file mode 100644
index 000000000..4af7e85b5
--- /dev/null
+++ b/pages/addboards.tsx
@@ -0,0 +1,19 @@
+const AddBoard = () => {
+  return (
+    <div>
+      <form>
+        <div>
+          <h1>게시글 쓰기</h1>
+          <button type="submit">등록</button>
+        </div>
+        <label>*제목</label>
+        <input type="text" placeholder="제목을 입력해주세요" />
+        <label>*내용</label>
+        <textarea placeholder="내용을 입력해주세요"></textarea>
+        <label>상품 이미지</label>
+      </form>
+    </div>
+  );
+};
+
+export default AddBoard;
diff --git a/pages/addboards/[id].tsx b/pages/addboards/[id].tsx
new file mode 100644
index 000000000..e69de29bb

From 6a641f07e71b67d99dc394bf4d11563e361ac5bf Mon Sep 17 00:00:00 2001
From: YoungUnKim <162089313+YoungUnKim@users.noreply.github.com>
Date: Fri, 7 Jun 2024 22:03:15 +0900
Subject: [PATCH 2/2] =?UTF-8?q?ADD:=20404=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EA=B8=B0=EB=B3=B8=20=ED=98=95=ED=83=9C=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/404.tsx       | 25 +++++++++++++++++++++++++
 pages/addboards.tsx | 23 +++++++++++++++++++----
 pages/api/apis.tsx  |  1 +
 3 files changed, 45 insertions(+), 4 deletions(-)
 create mode 100644 pages/404.tsx
 create mode 100644 pages/api/apis.tsx

diff --git a/pages/404.tsx b/pages/404.tsx
new file mode 100644
index 000000000..e332b7b85
--- /dev/null
+++ b/pages/404.tsx
@@ -0,0 +1,25 @@
+import Image from 'next/image';
+import IMG_NOTFOUND from '@/public/img-notfound.svg';
+
+export default function NotFound() {
+  return (
+    <>
+      <div>
+        <div>
+          <Image
+            width={500}
+            height={500}
+            style={{ width: '500px', height: '500px' }}
+            src={IMG_NOTFOUND}
+            alt={'찾을 수 없는 페이지 이미지'}
+          />
+          <div>
+            <p>{'찾을 수 없는 페이지입니다.'}</p>
+            <p>{'요청하신 페이지가 사라졌거나,'}</p>
+            <p>{'잘못된 경로를 이용하셨어요. :)'}</p>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/pages/addboards.tsx b/pages/addboards.tsx
index 4af7e85b5..db6a15b33 100644
--- a/pages/addboards.tsx
+++ b/pages/addboards.tsx
@@ -1,4 +1,21 @@
-const AddBoard = () => {
+import { useState } from 'react';
+export interface IBoardValues {
+  title: string;
+  content: string;
+  imgFile: string | null;
+}
+
+export default function AddBoard() {
+  const [values, setValues] = useState<IBoardValues>({
+    title: '',
+    content: '',
+    imgFile: null,
+  });
+
+  function onChangeValues(key: keyof IBoardValues, value: string) {
+    setValues(prevValues => ({ ...prevValues, [key]: value }));
+  }
+
   return (
     <div>
       <form>
@@ -14,6 +31,4 @@ const AddBoard = () => {
       </form>
     </div>
   );
-};
-
-export default AddBoard;
+}
diff --git a/pages/api/apis.tsx b/pages/api/apis.tsx
new file mode 100644
index 000000000..251898bed
--- /dev/null
+++ b/pages/api/apis.tsx
@@ -0,0 +1 @@
+// 일단 파일만 만들어 둠.. 9미션 및 앞으로 들어갈 api 정리 모듈로 쓸 파일 입니다.