로그인
랜딩 페이지에서 로그인 버튼을 누르면 로그인 모달창이 보임
사용자가 이메일 input에 마우스를 클릭하고 아무것도 입력하지 않았을 경우 안내 문구가 보임
사용자가 이메일은 입력했지만 비밀번호 input에 마우스를 클릭하고 아무것도 입력하지 않았을 경우 안내 문구가 보임
사용자가 이메일, 비밀번호를 모두 입력할 경우 로그인 버튼이 활성 상태로 변경됨
사용자가 로그인한 기록이 있다면 localStorage에 저장된 이메일을 미리 입력해둠
로그인하거나 로그아웃할 때 alert창을 띄워줌
회원가입
아바타 재생성 버튼을 누르면 다른 아바타 이미지로 변경 가능
닉네임, 이메일, 비밀번호, 비밀번호 확인을 모두 입력해야 회원가입 버튼이 활성화 됨
필수 정보 input에서 마우스로 클릭하고 아무것도 입력하지 않았을 경우 안내 문구가 보임
다음과 같은 상황에서 안내 문구가 보임
이메일이 형식에 맞지 않을 경우
비밀번호가 8~16자 이내 영문 대소문자와 숫자 특수문자를 모두 사용하지 않았을 경우
비밀번호와 비밀번호 확인이 다를 경우
회원가입이 완료되면 완료되었다는 안내 알람창과 함께 랜딩 페이지로 이동함
중복된 이메일을 입력했을 경우 안내 알람창이 띄워지고 이메일, 비밀번호, 비밀번호 확인이 빈칸으로 됨
Attachments:
image-20220813-182208.png (image/png)
image-20220813-182338.png (image/png)
image-20220813-182722.png (image/png)
image-20220813-182837.png (image/png)
image-20220813-183004.png (image/png)
스크린샷 2022-08-14 오전 4.49.51.png (image/png)