Yup으로 유효성 검사하기

 

 

  Yup은 사전 정의된 스키마에 대해 비즈니스 객체를 검증하는 매우 좋은 방법이다. 그리고 Yup을 유효성 검사 라이브러리로 사용하는 Formik에서 사용할 때는 더 말할 필요가 없다.

  typescript에서 Yup을 사용하여 유효성 검증 스키마를 만드는 방법을 간단히 알아보고자 한다. 그 내용은 아래와 같다.

import * as yup from 'yup';

const personSchema = yup.object({
	firstName: yup.string(),
	nickName: yup.string().nullable(),
	email: yup.string().notRequired().email(),
	birthDate: yup.date().notRequired().min(new DAte(1900, 0, 1))
});

type Person = yup.InferType<typeof persionSchema>;

const person: Person = {
	firstName: 'Matt',
	nickName: 'the Hammer',
	email: 'matt@the-hammer.com',
	birthDate: new Date(1999, 12, 31)
};

console.log(personSchema.isValidSync(person));

이렇게 유효성 검증을 간단히 할 수 있다.

 

참조: https://medium.com/@maurice.de.beijer/yup-validation-and-typescript-and-formik-6c342578a20e