react-hook-form과 yup 라이브러리 적용 하기
·
React
안녕하세요 웹 프론트엔드 개발자 설탕시럽입니다. 프로젝트 내 로그인 폼을 구현하는 과정에서 react-hook-form과 yup라이브러리를 사용한 방식을 공유하려고 합니다. react-hook-form과 yup을 도입하게 된 계기 기존의 react에서 을 통해 내용을 받을 때는 불편한 점이 있었습니다. 입력값을 처리하는 과정에서 onChange와 같은 함수와 react의 상태로 처리하게 되면서 불필요한 렌더링이 발생하는 문제가 있었습니다. 그 외에도 onSubmit함수와 유효성 처리, 에러 처리 등 필요한 기능만큼이나 함수와 상태가 늘어났고 react-hook-form을 도입하기 전까지는 매우 비효율적으로 처리될 수 밖에 없었습니다. react-hook-form은 이전에도 몇번 도입시킨 적은 있으나, 이..