[FEAT] Implement Sign Up Page UI

[kyh0726]

🚩 관련 이슈

3 회원가입 페이지 구현

📋 PR Checklist

• [x] sign up page UI 구현

  • [x] 반응형 디자인 구현
  • [x] 입력 시 유효성 검사 구현

• [x] api 연결

  • [x] get method 이용하여 아이디, 닉네임 타이핑 시 중복 검사
  • [x] post method 이용하여 form submit 구현, 오류 발생 시 모달 띄우기

📌 유의사항 이미지 보내는 것은 multipart/form-data 형식으로 바꾸지 않은 상황입니다. 이미지 보내는 건 백엔드 측에서 바뀐 api가 머지되면 저도 맞춰서 커밋 날리겠습니다!

재학, 휴학 선택할 경우 졸업 월, 년도를 선택하는 UI가 나오지 않기 떄문에 null 값으로 보내도 문제가 없도록 되어야 하는데 null 값으로 보내면 오류 메시지가 뜹니다. 이 부분은 백엔드 파트 분한테 말하니 수정해줄 것이라고 하셨고, 테스트 할 때에는 아무 값이나 할당해 보내면 될 것 같습니다. 졸업을 선택할 경우에도 현재 수행한 학기를 선택하는 UI 가 나오지 않는데 이것도 마찬가지입니다!

✅ 테스트 결과 <회원가입 페이지>

<업로드된 첨부파일 클릭 시>

<모바일 UI 및 이전 버튼>

<이용 약관>

<입력 시 아이디, 닉네임 중복 체크>

<오류 발생 시 모달>

<회원가입 성공 시 모달>

[selfishAltruism]

react-hook-form 잘 활용하셔서 개발 잘 하신 것 같습니다!! 다만,

[lee0jae330]

고생많으셨습니다. 개인적으로 비밀번호 입력창에 비밀번호 숨김/보임 버튼과 아이디, 이름, 닉네임 입력창에도 정규표현식으로 입력 유효성 체크가 있으면 더 좋을 것 같습니다.

[Ontheway-01]

수고하셨습니다! 혹시 모르니까 학번 placehold를 "학번 8자리를 입력해주세요." 로 하는 건 어떤까요?