2024.01.15 - [뷰(Vue)] - Vue3 Validation 플러그인 적용하기(VeeValidate + yup + i18n)_1 Vue3 Validation 플러그인 적용하기(VeeValidate + yup + i18n)_1 Vue3에서 검색이나 입력에 대한 검증을 하나씩 하기보다는 공통적으로 적용되는 부분이 있었으면해서 찾아보았다. VeeValidate, Yup, Zod등이 있다. VeeValidate에서 자체적으로 Yup, Zod 등의 라이브러리와 lollaziest.tistory.com 이전에 작성한 1탄에 이어 2탄의 경우 VeeValidate와 yup 그리고 i18n모두 각각 언어설정이 필요한데 어떤식으로 적용했는지에 대해서 간략하게 정리를 해 두려고 한다. 여러가지 개념에 대한 정리..

Vue3에서 검색이나 입력에 대한 검증을 하나씩 하기보다는 공통적으로 적용되는 부분이 있었으면해서 찾아보았다. VeeValidate, Yup, Zod등이 있다. VeeValidate에서 자체적으로 Yup, Zod 등의 라이브러리와 함께 사용하는 기능등을 제공하기도 한다. 설치 npm install vee-validate 설치 후 별다른 후속절차없이 바로 사용 할 컴포넌트에서 사용하면 된다. Yup과 함께 사용 하려고 하기 때문에 Yup또한 설치한다. npm install yup 선제조건이 존재한다. Form 으로 감싸져있어야 한다. 현재 확인중인 사용방법은 다음과 같음 일단 사용한다고 명시를 한다. 여기선 searchText로 연결된 대상을 validation할것임. //validation import ..