yup 라이브러리

자동으로 검증을 해주는 라이브러리이다.

yup 라이브러리 설치 방법

$ yarn add @hookform/resolvers yup

---

yup 사용 방법

yupResolver , yup이 필요하니까 import를 해줬고

변수 schema 부분 설명

schema라는 변수에 내가 넣은 State값에 대한 검증값을 집어 넣는다.
yup.object().shqpe({}) 이 안에 검증부분을 넣어준다.

myEmail 에는 이런식으로 적어주고,

myPassword엔 이렇게 적어준다.

useForm 사용하는 부분

앞서 설정한 schema(검증방식)으로 검증을 하는데
onChange 이벤트가 일어날때 검증을 한다고 세팅한것이다.

검증이 알아서 잘 되는 모습이 확인된다.