Features by pages : Signup

회원가입 페이지

signup.mp4

필드 유효성 검사

• react hook form과 zod를 사용하여 이메일, 닉네임, 비밀번호, 비밀번호 확인 필드의 유효성을 검사합니다.
• input의 입력값이 zod의 스키마와 맞지 않을 시 input 하단에 메시지가 보여지고, 폼 제출이 되지 않습니다.
• 필드 유효성 검사를 전부 통과해야만 Match now (회원가입) 버튼이 활성화 됩니다.

확인 모달

• 회원가입 성공시 확인 모달이 뜹니다.
• 로그인하러가기 버튼 클릭시 로그인 페이지로 이동합니다.