React

들어가며 FormSteps는 react-hook-form을 이용하여 여러 단계로 구성된 폼을 쉽게 구현할 수 있는 컴포넌트입니다. 각 단계는 유효성 검사를 거쳐야 하며, 다음 단계로 넘어가기 전에 현재 단계의 유효성 검사를 통과해야 합니다. 사용 예시 사용 결과

페이지를 벗어날 경우, 특히 작성중인 form 의 상태에 변경사항이 있을 경우 페이지를 벗어나려는 행위를 할 때 사용자가 실수로 작성 중인 내용을 잃지 않도록 하는 커스텀 훅을 구현했습니다. 화면 기록 2024-06-17 오후 1.57.19.mov최상단

form 의 내용이 많아서 스크롤이 길어지면 유효성 검사에서 문제가 생겼을 때 사용자는 어디서 오류가 났는지 쉽게 알기 어렵습니다. 등록이나 수정 버튼을 눌렀을 때 에러에 의해서 다음 플로우로 진행이 되지 않고 가만히 멈춰있는다고 해도 사용자는 에러가 나서 다음 플로우