멋쟁이사자 프론트엔드스쿨 5기
230227 ~ 230630
검색 페이지
팔로워 페이지, 팔로잉 페이지
- 사용자 프로필 페이지에서 팔로워 및 팔로잉 수를 클릭하면 나타나는 페이지입니다.
- 목록은 사용자 프로필 사진, 이름, 계정 ID, 팔로우(또는 취소)버튼으로 구성됩니다.
- 내가 팔로우 한 사용자일 경우 취소 버튼이, 내가 팔로우 하지 않은 사용자일 경우에는 팔로우 버튼이 표시됩니다.
splash
- 🔗 URL : https://susumarket.shop/
- 서비스 접속 초기화면입니다.
- splash 화면이 잠시 나온 뒤 다음 페이지가 나타납니다.
- 로그인을 하지 않은 경우 : 로그인 화면
- 로그인이 되어 있는 경우 : 수수마켓 피드
회원가입
- 🔗 URL : https://susumarket.shop/signup/userAccount
- 로그인 메인 화면에서
회원가입
을 누르거나 이메일 로그인 화면에서이메일로 회원가입
을 누르면 회원가입 화면이 나타납니다. - 이메일 주소 또는 비밀번호를 입력하고 입력창에서 포커스를 잃으면 바로 유효성 검사가 진행되고 통과하지 못한 경우 경고 문구가 각 입력창 하단에 표시됩니다.
- 이메일 주소의 형식이 유효하지 않거나 이미 가입된 이메일일 경우, 또는 비밀번호가 6자 미만일 경우에는 각 입력창 하단에 경구 문구가 나타납니다.
- 작성이 완료된 후, 유효성 검사를 통과할 경우
다음
버튼이 활성화되며, 버튼을 클릭하면 프로필 설정 폼이 나타납니다. - 프로필 설정에 필요한 프로필 사진, 사용자 이름(2~10자 이내), 계정 ID, 소개를 입력받습니다.
- 프로필 사진은 등록하지 않을 경우 기본 이미지가 등록됩니다.
- 사용자 이름과 소개는 다른 사용자와 중복 가능하지만 계정 ID는 중복 불가능합니다.
- 프로필 설정에서도 같은 방식으로 유효성 검사가 진행합니다.(계정 ID에 대한 중복 유무와 형식을 검사)
-