Portfolio

이름

열

열 1

열 2

열 3

열 4

열 5

열 6

열 7

MVP

메인화면 페이지

로그인 폼

사용자

메인페이지에 들어가서

로그인 폼을 볼 수 있다.

1차 작업 배분: 폼 / 사이드바 / c

메인화면 페이지

로그인 폼

사용자

로그인 버튼을 클릭해서

로그인 된 메인 화면페이지로 이동할 수 있다.

메인화면 페이지,회원가입

로그인 폼

사용자

회원가입 버튼을 클릭해서

Register Page로 이동할 수 있어야 한다.

공통

사용자

API를 호출할 때마다

로딩이 뜬다

메인화면 페이지

내정보

사용자

—하는 중을 누르면

드롭다운으로 input 박스가 떠서 할 일을 수정할 수 있다(노션 참고)

메인화면 페이지

내정보

사용자

로그아웃 모달창에서 종료 "확인" 버튼을 클릭하면

로그아웃되고 처음 화면으로 돌아간다

Yes

메인화면 페이지

내정보

사용자

로그아웃 버튼을 누르면

모달 창을 띄워서 기록된 타이머 수치를 보여주고 "그래도 종료하시겠습니까"라는 텍스트와 "확인", "취소" 버튼을 보여준다

Yes

메인화면 페이지

내정보

사용자

자리비움 버튼을 누르면

"—하는 중"이 "자리비움"으로 바뀐다

Yes

메인화면 페이지

내정보

사용자

더보기 버튼을 누르면

자리비움과 로그아웃 버튼이 뜬다

Yes

메인화면 페이지

인증공유

사용자

이미지 보기 버튼을 클릭하면

이미지 보기 모달 창이 뜬다

메인화면 페이지

인증공유

사용자

인증 사진에 색상이 채워진 하트 버튼을 클릭하면

하트 버튼이 비워진다

메인화면 페이지

인증공유

사용자

인증 사진에 색상이 채워진 하트 버튼을 클릭하면

하트 버튼이 비워진다

메인화면 페이지

인증공유

사용자

인증 사진에 빈 하트 버튼을 클릭하면

하트 버튼의 색상이 채워진다 && 하트 카운트가 1만큼 증가한다

메인화면 페이지

인증공유

사용자

인증 사진에 마우스오버를 하면

하트 버튼 && 하트 카운트 && 이미지 보기 버튼을 볼 수 있다

메인화면 페이지

인증공유

사용자

인증을 안 한 접속자의 그리드 셀을 보면

킹 받는 사진을 볼 수 있다

메인화면 페이지

인증공유

사용자

"최신 보기(마지막 인증)"와 "모두 다 보기(전체 인증)"를 각각 클릭하면

조건에 맞는 인증 모음을 볼 수 있다

메인화면 페이지

인증공유

사용자

인증공유 페이지를 들어가면

"최신 보기"가 선택된 상태에서 인증 사진 그리드를 볼 수 있다

메인화면 페이지

이미지 업로드

사용자

이미지 업로드가 성공하면

좌측탭의 유저 목록에서 자신의 인증 여부가 체크된다 && 인증 공유 화면으로 이동한다

메인화면 페이지

이미지 업로드

사용자

이미지가 업로드된 상태에서 업로드 버튼을 클릭하면

업로드 성공에 대한 메시지를 보여준다

메인화면 페이지

이미지 업로드

사용자

이미지 용량이 10MB를 초과하면

이미지 용량이 초과되었다는 메시지를 보여준다

메인화면 페이지

이미지 업로드

사용자

이미지 업로드를 하지 않으면

업로드 버튼이 비활성화된다

메인화면 페이지

이미지 업로드

사용자

제거(X) 버튼을 누르면

업로드된 이미지가 사라진다

메인화면 페이지

이미지 업로드

사용자

이미지 업로드 창에서 이미지를 드래그한다면

이미지 파일이 담겨 실제 브라우저 상에서 출력되어야 한다.

메인화면 페이지

인증 모달

사용자

타이머가 5분 이내이면

인증 알람을 받지 않는다

메인화면 페이지

인증 모달

사용자

인증 확인 메시지를 클릭하면

인증 확인에 대한 모달 창이 활성화되어야 한다.

메인화면 페이지

인증 모달

사용자

인증시간이 되면

인증 확인 메시지를 볼 수 있다.

메인화면 페이지

타이머

사용자

로그인을 하고 타이머 버튼을 클릭하면

타이머가 활성화되어야 한다.

메인화면 페이지

접속자목록

사용자

로그인을 했다면

실제 메인에 들어가 있는 사용자들의 리스트를 볼 수 있어야 한다.

Yes

메인화면 페이지

로그인 폼

사용자

로그인에 기입한 id와 password가 DB에 있는 것과 다르다면

제대로 입력하라는 메시지가 나와야 한다.

회원가입 페이지

회원가입 폼

사용자

회원가입을 완료하면

자동 로그인이 된다

회원가입 페이지

회원가입 폼

사용자

input의 형식이 기존과 맞지 않다면

형식을 제대로 맞춰서 쓰라는 에러 메시지가 나와야 한다.

회원가입 페이지

회원가입 폼

사용자

비밀번호와 비밀번호 확인이 다른 input을 작성한다면

비밀번호 확인을 다시 작성하라는 에러 메시지가 화면 상에 나와야 한다.

회원가입 페이지

회원가입 폼

사용자

입력을 하지 않고 버튼을 클릭하면

회원가입에 대한 input들을 작성하라는 메시지가 나와야 한다.

회원가입 페이지

회원가입 폼

사용자

폼을 작성해서 버튼을 클릭하면

회원가입이 완료되었다는 메시지를 받아야 한다.

사용자 시나리오 (업무 배분)