setIsOpen(false)}
+ />
+ )}
+
+ {/* 사이드바 */}
+
+
+ 메뉴
+
+
+
+ -
+ setIsOpen(false)}
+ >
+
+ 검색
+
+
+ -
+ 마이페이지
+
+
+
+
+ );
+}
diff --git a/sona/week6/mission1/src/pages/NotFoundPage.tsx b/sona/week6/mission1/src/pages/NotFoundPage.tsx
new file mode 100644
index 00000000..fd64e89a
--- /dev/null
+++ b/sona/week6/mission1/src/pages/NotFoundPage.tsx
@@ -0,0 +1,3 @@
+export default function NotFoundPage() {
+ return
찾을 수 없음
;
+}
diff --git a/sona/week6/mission1/src/pages/SignUp.tsx b/sona/week6/mission1/src/pages/SignUp.tsx
new file mode 100644
index 00000000..64fcccff
--- /dev/null
+++ b/sona/week6/mission1/src/pages/SignUp.tsx
@@ -0,0 +1,122 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { SubmitHandler, useForm } from "react-hook-form";
+import { z } from "zod";
+import Header from "../components/Header";
+import InputField from "../components/InputField";
+import { postSignup } from "../apis/auth";
+
+const schema = z
+ .object({
+ email: z.string().email({ message: "올바른 이메일 형식이 아닙니다" }),
+ password: z
+ .string()
+ .min(8, {
+ message: "비밀번호는 8자 이상 이어야 합니다",
+ })
+ .max(20, { message: "비밀번호는 20자 이상이어야합니다" }),
+ name: z.string().min(1, { message: " 이름을 입력해주세요" }),
+ passwordCheck: z
+ .string()
+ .min(8, {
+ message: "비밀번호는 8자 이상 이어야 합니다",
+ })
+ .max(20, { message: "비밀번호는 20자 이상이어야합니다" }),
+ })
+ .refine((data) => data.password === data.passwordCheck, {
+ message: "비밀번호가 일치하지 않습니다",
+ path: ["passwordCheck"],
+ });
+
+type FormFields = z.infer
;
+
+//isSubmitting은 로딩처리
+export default function SignUp() {
+ const {
+ formState: { errors, isSubmitting },
+ register,
+ handleSubmit,
+ } = useForm({
+ defaultValues: {
+ email: "",
+ password: "",
+ name: "",
+ passwordCheck: "",
+ },
+ resolver: zodResolver(schema), //스키마 위반하면 error
+ mode: "onBlur",
+ });
+
+ const onSubmit: SubmitHandler = async (data) => {
+ const { passwordCheck, ...rest } = data;
+ const response = await postSignup(rest);
+ console.log(response);
+ console.log("응");
+ };
+
+ return (
+ <>
+
+
+
+
+
구글 로그인
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+