Fix: 등록 / 수정 페이지의 버튼 onClick 핸들러 함수 개선 및 zod 스키마 유효성 검증 로직 수정

coffee-meet · Jan 9, 2024 · f8ac1d6 · f8ac1d6
2 parents 80e7bf4 + 6e3e096
commit f8ac1d6
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 7 deletions.
diff --git a/src/pages/profile/ProfileCompanyEdit.tsx b/src/pages/profile/ProfileCompanyEdit.tsx
@@ -163,7 +163,10 @@ const ProfileCompanyEdit = () => {
               />
               <NormalButton
                 normalButtonType={"email-certify"}
-                onClick={() => handleVerifyEmail(companyInfoForm.getValues("companyEmail"))}
+                onClick={(event) => {
+                  event.preventDefault();
+                  handleVerifyEmail(companyInfoForm.getValues("companyEmail"));
+                }}
               >
                 {"이메일 인증"}
               </NormalButton>
@@ -193,7 +196,10 @@ const ProfileCompanyEdit = () => {
                 {...companyInfoForm.register("certCode")}
               />
               <StyleVerificationEmailButton
-                onClick={() => handleVerifyCode(companyInfoForm.getValues("certCode"))}
+                onClick={(event) => {
+                  event.preventDefault();
+                  handleVerifyCode(companyInfoForm.getValues("certCode"));
+                }}
               >
                 {"확인"}
               </StyleVerificationEmailButton>

diff --git a/src/pages/register/RegisterCompany.tsx b/src/pages/register/RegisterCompany.tsx
@@ -198,7 +198,10 @@ const RegisterCompany = () => {
               />
               <NormalButton
                 normalButtonType={"email-certify"}
-                onClick={() => handleEmailCertification(companyInfoForm.getValues("companyEmail"))}
+                onClick={(event) => {
+                  event.preventDefault();
+                  handleEmailCertification(companyInfoForm.getValues("companyEmail"));
+                }}
               >
                 {"이메일 인증"}
               </NormalButton>
@@ -229,7 +232,10 @@ const RegisterCompany = () => {
               {...companyInfoForm.register("certCode")}
             />
             <StyleVerificationEmailButton
-              onClick={() => checkCodeValid(companyInfoForm.getValues("certCode"))}
+              onClick={(event) => {
+                event.preventDefault();
+                checkCodeValid(companyInfoForm.getValues("certCode"));
+              }}
             >
               {"확인"}
             </StyleVerificationEmailButton>

diff --git a/src/pages/register/RegisterUser.tsx b/src/pages/register/RegisterUser.tsx
@@ -120,7 +120,10 @@ const RegisterUser = () => {
           />
           <NormalButton
             normalButtonType={"nickname-duplicate"}
-            onClick={() => doubleCheckNickName(userInfoForm.getValues("nickname"))}
+            onClick={(event) => {
+              event.preventDefault();
+              doubleCheckNickName(userInfoForm.getValues("nickname"));
+            }}
           >
             {"중복확인"}
           </NormalButton>

diff --git a/src/schemas/companyInfo.ts b/src/schemas/companyInfo.ts
@@ -8,7 +8,7 @@ export const CompanyInfoSchema = z.object({
     .string()
     .min(1, { message: "회사 이메일을 입력해주세요." })
     .email({ message: "이메일 형식이어야 합니다." }),
-  department: z.array(z.string().min(1, { message: "부서를 선택해주세요." })),
+  department: z.array(z.string()).min(1, { message: "부서를 선택해주세요." }),
   certCode: z.string().min(1, { message: "인증 코드를 입력해주세요." }),
   businessCard: z
     .any()

diff --git a/src/schemas/userInfo.ts b/src/schemas/userInfo.ts
@@ -2,7 +2,7 @@ import * as z from "zod";
 
 export const UserInfoSchema = z.object({
   nickname: z.string().min(1, { message: "닉네임을 입력해주세요." }),
-  interest: z.array(z.string().min(1, { message: "관심사를 선택해주세요." })),
+  interest: z.array(z.string()).min(1, { message: "관심사를 선택해주세요." }),
 });
 
 export type UserInfoStateType = z.infer<typeof UserInfoSchema>;