Skip to content

an1413/lion_code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

lion_code

멋쟁이사자 프론트엔드스쿨 5기

230227 ~ 230630

검색 페이지

  • 수수마켓 피드에 돋보기 버튼과 검색하기 버튼을 클릭하면 표시되는 페이지입니다.
  • 사용자 이름 검색이 가능합니다
  • 리스트 클릭시 클릭된 사용자프로필 페이지로 이동합니다.

검색 이미지

팔로워 페이지, 팔로잉 페이지

  • 사용자 프로필 페이지에서 팔로워 및 팔로잉 수를 클릭하면 나타나는 페이지입니다.
  • 목록은 사용자 프로필 사진, 이름, 계정 ID, 팔로우(또는 취소)버튼으로 구성됩니다.
  • 내가 팔로우 한 사용자일 경우 취소 버튼이, 내가 팔로우 하지 않은 사용자일 경우에는 팔로우 버튼이 표시됩니다.

팔로우페이지

splash

  • 🔗 URL : https://susumarket.shop/
  • 서비스 접속 초기화면입니다.
  • splash 화면이 잠시 나온 뒤 다음 페이지가 나타납니다.
  • 로그인을 하지 않은 경우 : 로그인 화면
  • 로그인이 되어 있는 경우 : 수수마켓 피드


Splash


회원가입

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


회원가입


-

About

멋쟁이사자 프론트엔드스쿨 5기

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published