[Library] Zod

개요

• TS를 위한 data schema 및 유효성 검사 라이브러리
• BE와 FE 사이에서 데이터를 검증하고 정의하는데 사용되기도 함
• TS 타입을 사용하여 데이터 구조를 정의하고, Zod schema를 통해 데이터 유효성 검사
• 입력값의 유효성을 확인하고 에러 메시지 제공

---

사용

• src/validator 디렉토리에 .ts 파일생성
• 라이브러리 import 후에, 에러메시지 밑 데이터 유효 형식 작성

  import { z } from "zod";
  

const passwordRegex =
/^(?=.[a-zA-Z])(?=.*\d)(?=.[@$!%?&])[A-Za-z\d@$!%?&]{8,}$/;

const phoneRegex = /^010\d{8}$/;

export const registerSchema = z.object({
email: z.string().email({ message: "올바른 이메일을 입력해주세요." }),
phone: z
.string()
.min(11, "연락처는 11자리여야 합니다.")
.max(11, "연락처는 11자리여야 합니다.")
.refine(
(value) => phoneRegex.test(value),
"010으로 시작하는 11자리 숫자를 입력해주세요",
),
username: z
.string()
.min(2, { message: "이름은 2글자 이상이어야 합니다." })
.max(100, { message: "이름은 100글자 이하이어야 합니다." }),
role: z.string().min(2, { message: "역할을 선택해주세요." }),
password: z
.string()
.min(6, "비밀번호는 최소 6자리 이상이어야 합니다.")
.max(100, "비밀번호는 100자리 이하이어야 합니다.")
.refine(
(value) => passwordRegex.test(value),
"비밀번호는 최소 6자리 이상, 영문, 숫자, 특수문자를 포함해야 합니다.",
),
confirmPassword: z
.string()
.min(6, "비밀번호는 최소 6자리 이상이어야 합니다.")
.max(100, "비밀번호는 100자리 이하이어야 합니다.")
.refine(
(value) => passwordRegex.test(value),
"비밀번호는 최소 6자리 이상, 영문, 숫자, 특수문자를 포함해야 합니다.",
),
});

```

refe: https://zod.dev/?id=type-inference