Merge pull request #639 from YoungUnKim/Sprint10-김영운

[김영운] Sprint10

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>
+    </>
+  );
+}

pages/addboards.tsx

@@ -0,0 +1,34 @@
+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>
+        <div>
+          <h1>게시글 쓰기</h1>
+          <button type="submit">등록</button>
+        </div>
+        <label>*제목</label>
+        <input type="text" placeholder="제목을 입력해주세요" />
+        <label>*내용</label>
+        <textarea placeholder="내용을 입력해주세요"></textarea>
+        <label>상품 이미지</label>
+      </form>
+    </div>
+  );
+}

pages/api/apis.tsx

@@ -0,0 +1 @@
+// 일단 파일만 만들어 둠.. 9미션 및 앞으로 들어갈 api 정리 모듈로 쓸 파일 입니다.