유효한 토큰이 없으면 구체적인 액션(리뷰, 즐겨찾기, 좋아요 등)을 취할 시
로그인 페이지로 이동한다.
액션: 리뷰, 즐겨찾기, 좋아요, 예약
올바른 ID와 비밀번호를 입력하여 클릭시
메인 페이지로 이동한다.
ID나 비밀번호가 누락되어 클릭 시
기입하라는 문구를 출력한다.
만약 버튼을 클릭했을 때에는 얼리리턴을 할 수 있도록 한다.
옳지 않은 ID와 비밀번호를 입력후 클릭 시
정보가 올바르지 않다는 문구를 출력한다.
ID가 없다면 → ID가 없다는 메시지 출력하는 로직도 고려해보면 좋을 듯하다.
사용자가 회원가입 링크를 클릭하면
회원가입 페이지로 이동한다.
폼에는
이메일, 비밀번호, 비밀번호 확인, 닉네임을 작성할 수 있다.
더 추가할 게 있는지 고려
이메일 중복 체크 버튼을 클릭하면
기존 이메일이 존재하는지 확인할 수 있다.
모든 정보를 올바르게 입력했다면
회원가입 완료 버튼이 활성화된다.
이메일 중복 체크 결과 기존 이메일이 존재한다면
이메일이 이미 있다는 메시지를 출력한다.
이메일, 비밀번호, 비밀번호 확인, 닉네임 중 하나가 올바르게 입력되지 않았다면
회원가입 버튼이 비활성화된다.
활성화된 회원가입 완료 버튼을 클릭하면
"회원가입이 완료됐습니다"라는 메시지를 모달로 띄운다.
사용자가 모달의 확인버튼을 클릭하면
자동으로 로그인을 완료하고 메인페이지로 이동한다.
사용자가 회원가입 도중 로그인 링크를 클릭하면
로그인 페이지로 이동한다.
로그인 바로 되는거 백엔드와 상의 우선순위 낮음
사용자가 메인페이지로 이동하면
헤더와 이벤트리스트를 보여준다.
사용자가 정렬에 관한 버튼을 클릭하면 (최신, 거리, 추천, 이용자, 만족도)
정렬 조건에 맞는 리스트를 순서대로 보여준다.
사용자는 주소 이름 + 화살표로 이루어진 컴포넌트를 클릭하면
주소 변경 모달을 볼 수 있다.
이벤트 카드를 클릭하면
이벤트 상세 페이지로 이동한다.
좋아요 버튼을 누르면
좋아요 버튼이 색이 채워지거나 지워진다.
이벤트에 대한 좋아요 버튼
사용자는 로고를 클릭하면
메인 페이지(홈)으로 이동한다.
햄버거 메뉴를 누르면
메뉴 목록이 열린다
통계 - 우선순위 낮으므로 추후 고려
열린 상태에서 메뉴 바깥을 다시 누르면
메뉴 목록이 닫힌다
따로 닫기 버튼이 있어야된다.
즐겨찾기를 누르면
이벤트 즐겨찾기 페이지로 간다.
프로필 수정을 누르면
프로필 수정 페이지로 이동한다.
사업자 전환을 누르면
사업자 전환 페이지로 간다.
사용자가 즐겨찾기/좋아요 페이지로 이동한다면
자신의 닉네임, 탭, 좋아요한 이벤트 리스트가 보인다.
Event
User
User_like_history
이벤트(좋아요) 탭을 누르면
좋아요한 이벤트 리스트가 보인다.
User
Event
User_fav_history
가게(즐겨찾기) 탭을 누르면
즐겨찾기한 가게리스트가 보인다.
Event
Review
Event_review_history(리뷰까지 합한 응답 반환)
이벤트 카드를 누르면
이벤트 상세 페이지로 넘어간다.
User
Event
User_event_history
현재 페이지로 이동 시
참여한 이벤트를 리스트로 보여준다.
User
Event
User_event_history
참여한 이벤트 탭을 누르면
참여한 이벤트 목록을 보여준다. (참여전, 참여중, 참여완료)
User
Review
User_review_history
내가 쓴 리뷰 탭을 누르면
내가 쓴 리뷰 목록을 보여준다.
User
Review
User_review_history
현재 페이지로 이동 시
다른 사용자의 참여 수, 작성리뷰수와 리뷰리스트가 달린 페이지를 보여준다.
방문가게 수는 사용자의 참여수와 의미가 겹치고 함께쓴다면 의미를 없애는 태그라 생각하여 삭제 → 쥬디와 대화해야됨
사업자 전환 버튼을 누르면
'신청되었습니다'라는 문구가 나오고, 페이지로 이동한다
사업자 전환에 대한 과정은 백엔드와 추후협의
현재 페이지로 이동 시
가게 정보와 이벤트 리스트를 보여준다.
새로운 쿠폰을 누르면
쿠폰을 생성하는 페이지로 이동한다
연필아이콘을 누르면
textarea가 생겨 사용자가 가게소개를 수정 할 수 있다.
클릭하면
달력에서 이벤트 기간을 작성할 수 있다.
User
User_fav_history
Market
즐겨찾기 버튼을 누르면
즐겨찾기가 된다.
User
User_like_history
Event
좋아요 버튼을 누르면
좋아요가 추가되고, 좋아요 취소 버튼으로 바뀐다.
전체보기 버튼을 누르면
리뷰를 n개 더 볼 수 있다.
전체보기
1. 전체보기는 리뷰페이지로 이동하기
2. 스크롤을 한다면 헤더만 고정
리뷰생성버튼을 누르면
리뷰페이지로 이동한다.
1. 참여하기(사용자)
2. 참여확인(사업자)
3. 리뷰쓰기(사용자)
로그인 되지 않은 사용자가 즐겨찾기를 누르면
로그인 하라는 모달창과 함께 로그인 페이지로 이동한다.
스크롤을 할 때 특정 구간이 되면
API를 요청하여 리뷰를 n개 더 볼 수 있다(무한 스크롤)
사용자는 리뷰 조회 페이지에 들어가면
전체 리뷰 내용을 볼 수 있다.
사용자는 스크롤 할 때
이벤트 상세 헤더는 고정된 채로 리뷰를 볼 수 있다.
사업자는 자신의 소개를 업데이트하지 않은 상태라면(처음 전환한 상태라면)
모달로 상세 정보를 입력하라는 정보를 전달 받는다.
사업자는 기존에 상세 소개 내용이 없었다면
주소: OO시 OO구 OO동 OOO
운영시간: OO시~OO시
와 같은 양식을 placeholder로 볼 수 있다.
사용자가 현재 페이지로 이동 시
닉네임, 비밀번호를 작성할 수 있다.
후순위입니다! 일단 예시 만들어놓음
닉네임 변경 버튼을 누르면
닉네임을 변경한다
후순위입니다! 일단 예시 만들어놓음
비밀번호 변경 버튼을 누르면
비밀번호 변경한다.
후순위입니다! 일단 예시 만들어놓음
User
Event
User_event_history
리스트를 조회할 때
조회 정보, 이벤트 과거 참여 정보를 구분할 수 있는 카드 형태를 볼 수 있다. (색상 변경이라던지)
후순위!!!
