검증 라이브러리(yup)

검증 라이브러리로 대표적인 것이 yup 입니다.

검증 라이브러리가 왜 필요하냐구요?

여태까지 우리는 해당 입력창이 비어있는지만 검증했습니다.

하지만, 검증은 더욱 복잡합니다.

숫자인지 문자인지, 최소 4자리를 만족하는지, 특수문자가 들어가있는지 등등...

이런 것들이 이미 다 만들어져 있어서 명령어 입력으로 해결된다면 얼마나 쉽고 간편할까요?

yup을 사용하여 이런 문제들을 해결할 수 있습니다.

// 사용 예시
import * as yup from "yup"

const schema = yup.object().shape({
	firstName: yup.string().required(),
	age: yup.number().positive().integer().required()
})

yup_github

yup은 react-hook-form에서만 사용할 수 있는 것이 아니며, 다른 폼 라이브러리들과도 함께 사용 가능합니다.