Sign Up Page

[TaeUk471]

Description

• 사용자가 회원 가입을 할 때 사용할 페이지

Details

• (해당 ISSUE 에서 작업하는 부분에 대해 디테일하게 설명) [이후 작업]

Revision

• /* **/

Mission

• '로고 버튼'을 클릭하면 / 페이지로 이동합니다.
• '로그인하기' 버튼을 클릭하면 /login 페이지로 이동합니다.
• 닉네임 Input에서 focus out 일 때, 값이 열 자 이하가 아닐 경우 닉네임 input에 빨간색 테두리와 아래에 “열 자 이하로 작성해주세요.” 빨간색 에러 메세지가 보입니다.
• 이메일 input에서 focus out 일 때, 값이 이메일 형식이 아닐 경우 이메일 input에 빨강색 테두리와 아래에 “이메일 형식으로 작성해 주세요.” 빨강색 에러 메세지가 보입니다.
• 비밀번호 input에서 focus out 일때 비밀번호 input 값 길이가 8자이상이 아닐 경우 비밀번호 input에 빨간색 테두리와 아래에 “8자 이상 입력해주세요.” 빨강색 에러 메세지가 보입니다.
• 비밀번호 확인 input에서 focus out 일 때 비밀번호 input 값과 비밀번호 확인 input 값이 다를 경우 비밀번호 확인 input에 빨간색 테두리와 아래에 “비밀번호가 일치하지 않습니다.” 빨강색 에러 메세지가 보입니다.
• 모든 input 창이 채워지고 에러 메세지가 없는 상태에서 이용약관에 체크가 되면 '가입하기' 버튼이 활성화가 됩니다.
• 중복되는 이메일로 회원가입 시도 시 '이미 사용중인 이메일입니다' 모달창이 나타납니다.
• 활성화된 '가입하기' 버튼을 누르면 “가입이 완료되었습니다” alert 창을 보여주고 /login 페이지로 이동합니다.

Approval

• 김유경
• 김규헌