영리의 테크블로그

로그인 검증 (프론트) 본문

dev

로그인 검증 (프론트)

영리0 2024. 9. 19. 11:20

Formik 라이브러리 사용, Yup 라이브러리 사용


사용법

Formik

  • initialValues는 form을 처음 렌더링할 때 미리 입력되어있는 초기값.

  • validationSchema는 벨리데이션을 할 때 통과해야 하는 포맷을 정의해놓은 객체.

  • onSubmit은 form에서 submit 이벤트가 발생할 때 formik에서 실행할 함수.

Yup

객체 스키마 유효성 검사 라이브러리.
이를 통해 간편하게 데이터의 유효성을 확인하고 검증.

ex

Formik2


Yup_2


formik4


Formik3


확인

스크린샷 2024-07-22 오전 12 57 09

'dev' 카테고리의 다른 글

배포시 react 소스 코드 노출 막기  (0) 2024.09.19
JWT 토큰 핸들  (0) 2024.09.19
Lombok @Slf4j 사용법  (0) 2024.09.19