ABCDEFGHIJKLMNOPQRSTUVWXY
1
ID페이지(좌상-우상-좌하-우하)스토리Task구분우선순위담당자예상 시간실제 시간진행 상태단축키 사용 방법
2
1메인유저가 /(root) 에 접속 혹은 새로고침 한다.1-1 유저가 토큰을 가지고 있는지 확인한다.F1승희위쪽 정렬Alt + O, A, T
3
1-2 토큰을 가지고 있지 않으면 메인 페이지를 보여준다.F1중앙 정렬Alt + O, A, M
4
1-3 토큰을 가지고 있으면 서버에 유효성을 검증한다.F1아래쪽 정렬Alt + O, A, B
5
1-4 유효성을 검사해 검증된 사용자면 사용자 정보를 반환한다.B1가운데 정렬Ctrl + Shift + E
6
1-5 유효성을 검사해 만료된 토큰(access)일 경우 토큰(access)을 재발급 하고 사용자 정보를 반환한다.B2왼쪽 정렬Ctrl + Shift + L
7
1-6 리프레시 토큰이 만료된 경우 메인 페이지를 보여준다.F2오른쪽 정렬Ctrl + Shift + R
8
2메인-좌상단-Navbar메인 좌상에 서비스 정보를 보여준다.2-1 로고(오운완)를 표기한다.F1
9
2-2 로고(오운완)을 누르면 홈으로 이동한다.(링크)F1
10
3메인-우상단-Navbar비로그인 상태일 때는 Navbar 항목을 로그인, 회원가입으로 보여준다.3-1 Navbar 로그인을 누르면 로그인 모달창이 보여진다.F1상태 라벨상태 내용우선순위 라벨우선 순위 내용구분 라벨구분 내용
11
3-2 Navbar 회원가입을 누르면 회원가입 모달창이 보여진다.F1To be started시작해야함Must (1) 무조건 있어야 함F프론트엔드
12
4메인-우상단-Navbar로그인 상태일 때 내브바 항목을 환영 메시지, 사용자 로고를 보여준다.4-1 로그인 상태라면 환영메시지 "안녕하세요 (사용자이름)님, 반갑습니다!"를 표시한다.F1Working진행중Should (2) 여유 있으면 함B백엔드
13
4-2 환명메시지의 (사용자이름)에 링크를 걸어 마이페이지로 넘어가게 만든다.F1
14
4-3 로그인 상태일 때 Navbar 항목을 환영메시지, [프로필이미지/사용자로고]를 보여준다.F1Done완료Could (3) 안해도 됨AALL
15
4-4 로그인 상태일 때 Navbar 항목 중 [프로필이미지/사용자로고]를 클릭하면 드롭다운으로 동작한다.F1
16
4-5 드롭다운 아이템은 내정보, 환경설정, 로그아웃으로 구성한다.F1123총 계
17
4-6 드롭다운 아이템 중 내정보를 클릭하면 마이페이지로 이동한다. F1To be Started0000
18
4-7 드롭다운 아이템 중 환경 설정을 클릭하면 환경 설정 모달 창이 보여진다.F1Working0000
19
4-8 드롭다운 아이템 중 로그아웃 클릭하면 토큰을 삭제하고 메인 페이지로 이동한다.F1Done0000
20
5로그인 모달로그인 모달에서 로그인을 할 수 있다.5-1 로그인 데이터가 입력된 상태로 로그인 버튼을 누르면 입력값을 바탕으로 사용자의 정보를 요청한다.F1
21
5-2 데이터가 입력된 상태로 엔터를 누르면 입력값을 바탕으로 사용자의 정보를 요청한다.F1
22
5-3 로그인 성공하면 사용자의 정보를 반환한다.B1
23
5-4 로그인 성공하면 토큰 저장 후 메인페이지로 이동한다.F1
24
5-4 로그인 실패(아이디, 패스워드 입력 문제)의 경우 "아이디와 패스워드를 다시 한번 확인해주세요" 알림창을 띄운다.F2000
25
5-5 로그인 실패(서버 문제)의 경우 "로그인에 실패했습니다." 알림창을 띄운다.F2
26
5-6 X 버튼을 누르면 로그인 모달을 닫을 수 있다.F1
27
6로그인 모달-중앙오운완 계정으로 로그인한다.6-1 이메일 / 패스워드를 입력 받아 서버에 인증 요청을 보낸다.F1담당자개수
28
6-2 요청된 값을 확인해 JWT를 반환한다.B2준호0
29
6-3 소셜 로그인 계정이 로컬 로그인을 시도한 경우 소셜 로그인 안내 문구를 출력한다.F2장엽0
30
6-4 JWT로 사용자의 정보를 요청한다.F2한나0
31
6-5 토큰을 확인해 사용자의 정보를 반환한다.B1프론트0
32
7로그인 모달-중앙회원가입 태그로 이동한다.7-1 회원가입 태그를 클릭하면 모달 창으로 이동한다. F1다슬0
33
8로그인 모달- 하단다른 플랫폼 계정으로 로그인 한다.8-1 구글 로그인을 요청한다.B2지은0
34
8-2 네이버 로그인을 요청한다.B2백0
35
8-3 카카오 로그인을 요청한다.B2모두0
36
9회원가입 모달-중앙회원가입 모달에서 회원가입을 할 수 있다.9-1 아이디는 email 형식으로만 입력하게 한다.F1
37
9-2 입력한 password와 check password가 같은지 유효성 검사를 한다.F1
38
9-3 회원가입 버튼을 누르면 비밀번호 유효성 검사 후 서버에 email/ password로 회원가입 요청한다.F1
39
9-4 email 중복, 입력 값의 조건에 맞지 않으면 알람을 노출시킨다.F2
40
9-5 요청된 값을 받아 중복처리후 성공 여부를 반환한다.F1
41
9-6 회원가입이 완료되면 로그인처리를 하고 홈으로 보낸다.F1
42
9-7 X버튼을 누르면 회원가입 모달을 닫을 수 있다.F1
43
10회원가입 모달-중앙회원가입 버튼 위에 로그인 태그가 보인다.10-1 로그인 태그 누르면 로그인 모달창으로 이동한다.F2
44
11회원가입 모달-하단다른 플랫폼 계정으로 회원가입을 한다.11-1 구글 로그인(초기)을 요청한다.B2
45
11-2 네이버 로그인(초기)을 요청한다.B2
46
11-3 구글 로그인(초기)을 요청한다.B2
47
12메인-추가정보 모달추가정보 모달창으로 추가 정보를 입력할 수 있다.12-1 로그인 후 추가 정보가 NULL의 상태이고 일주일간 보지 않기 쿠키가 존재하지 않으면 추가정보를 입력하는 창을 띄운다.F2
48
12-2 추가 정보를 입력하고 서버에 제출하면 사용자 정보 업데이트를 요청을 한다.F2
49
12-3 추가정보를 DB에 업데이트한다.B2
50
12-3 정보 업데이트 요청에 실패하면 "사용자 추가정보 입력 실패!"라는 알림창을 띄운다.F2
51
12-4 정보 업데이트 요청에 성공하면 업데이트된 사용자의 정보를 반환한다.B2
52
12-5 정보 업데이트 요청에 성공하면 추가정보 모달창을 닫는다.F2
53
12-6 X버튼으로 추가정보 모달을 닫을 수 있다.F2
54
13메인-추가정보 모달각 항목을 입력하거나 선택할 수 있는 라디오 버튼이 보인다.13-1 프로필사진, 닉네임, 나이, 키, 몸무게, 활동량(회), 활동량(시간), 1운동목표_종류, 1운동목표_시간, 2운동목표_종류, 2운동목표_시간, 3운동목표_종류, 3운동목표_시간F2
55
13-2 성별은 남/여의 라디오버튼으로 선택할 수 있다.F2
56
14메인-추가정보 모달마이페이지 태그가 보인다.14-1 마이페이지 태그를 클릭하면 마이페이지로 이동한다.F2
57
15메인-추가정보 모달일주일 간 보지 않기 체크 박스가 보인다.15-1 일주일간 보지 않기 체크 박스를 누르면 쿠키(기간=일주일)를 생성한다.F3
58
15-2 체크박스를 누르면 창을 닫는다.F2
59
16환경설정 모달환경설정 모달에서 기본 설정을 할 수 있다.16-1 방 입장 시 비디오, 음성과 관련된 기본설정을 수행할 수 있다.F1
60
16-2 비디오 셀렉트 박스로 캠 장치를 선택할 수 있다.F3
61
16-3 라디오 버튼으로 비디오 ON/OFF 을 설정할 수 있다.F1
62
16-4 음성 셀렉트 박스로 마이크 장치를 선택할 수 있다.F3
63
16-5 라디오 버튼으로 음성 ON(음소거 해제)/OFF(음소거) 을 설정할 수 있다.F1
64
16-6 닫기 버튼으로 설정 모달을 닫을 수 있다.F1
65
16-7 X 버튼으로 설정 모달을 닫을 수 있다.F1
66
17메인-비 로그인-상단-운동 요약
(운동왕의 운동 기록이에요!)		현재 월의 주 마다 운동랭킹(1 ~ 3위) 출력 / 그 외 등수 출력17-1 1 ~ 3위의 운동 시간을 분 단위로 표시한다F3장엽
67
17-2 1 ~ 3위는 트로피 이모지를 user 이름 옆에 표시 그 외에는 숫자로 표시F3
68
18운동왕의 프로필(운동 요약, 일지) 출력18-1 비로그인 상태에는 해당 정보를 음영처리,
#오운완과 함게 운동왕에 도전해 보세요 라는 문구가 출력 (로그인, 회원가입 유도,클릭시 로그인창으로 이동)		F1
69
19메인-비 로그인-홈-하단-영상 보며 운동하기
영상과 함께 운동하기 탭19-1 현재 진행되고 있는 운동방의 리스트를 가로스크롤로 출력한다.F1
70
19-2 추가스크롤 시 방을 더 출력된다.(최대 4개)F3
71
19-3 방 생성 시간을 기준으로 방이 정렬된다.(최신 방이 뒤로 가게끔)F1
72
19-4 인원이 가득찬 방 또는 완료된 방은 최신방 영역 뒤로 4개까지 출력한다.F1
73
19-5 인원이 가득찬 방 또는 완료된 방은 음영처리를 하고 선택되지 않게 비활성화 한다.F2
74
19-6 마우스 포인터가 위치하면 떠오르기 효과를 보여준다.F3
75
19-7 비로그인 상태이므로 방에 입장하려할 시 로그인 모달을 띄운다.F1
76
20운동방 정보20-1 썸네일, 운동 종류, 비밀방 여부 -> 이모티콘 표시(좌물쇠), 방 이름, 시작시간, 참여자/총 인원, 진행시간, 상태(active), 방장IDB1
77
21메인-비 로그인-홈-하단-친구와 함께 운동하기친구와 함께 운동하기 탭21-1 현재 진행되고 있는 운동방의 리스트를 가로스크롤로 출력한다.F1
78
21-2 추가스크롤 시 방을 더 출력된다.(최대 4개)F3
79
21-3 방 생성 시간을 기준으로 방이 정렬된다.(최신 방이 뒤로 가게끔)F1
80
21-4 인원이 가득찬 방 또는 완료된 방은 최신방 영역 뒤로 4개까지 출력한다.F1
81
21-5 인원이 가득찬 방 또는 완료된 방은 음영처리를 하고 선택되지 않게 비활성화 한다.F2
82
21-5 마우스 포인터가 위치하면 떠오르기 효과를 보여준다.F3
83
21-6 비로그인 상태이므로 방에 입장하려할 시 로그인 모달을 띄운다.F1
84
22운동방 정보22-1 섬네일, 운동 종류, 비밀방 여부 -> 이모티콘 표시(좌물쇠), 방 이름, 시작시간, 참여자/총 인원, 진행시간, 상태(active), 방장IDB1
85
23메인-비 로그인-홈-하단-경쟁하며 운동하기경쟁하며 운동하기 탭23-1 1위에 대한 프로필 정보가 제한적으로 출력된다.F3
86
23-2 음영처리가 되며 " # 오운완과 함께 운동왕에게 도전해 보세요!" 라는 문구(흰색, bold, center)가 출력된다.F2
87
23-3 클릭하면 로그인 모달 창이 뜬다.F1
88
24방 만들기 탭24-1 클릭 시 로그인 모달창이 뜬다.F1
89
25메인-비 로그인-홈-하단-검색검색 25-1 함께 운동하기, 영상보며 운동하기의 경우 검색창이 활성화되고 경쟁모드에서는 검색창이 비활성화된다.F1
90
25-2 활성화상태의 검색창은 해당 탭(함께 운동하기, 영상보며 운동하기)에서만 검색할 수 있다.F1
91
26메인-로그인-홈-상단-운동요약
(메시지 분기처리)		메시지 분기처리 26-1 유저가 운동왕의 경우에는 "대단합니다!🔥 이번주 운동왕이세요! " 문구 출력F3
92
26-2 주 시작 마다 응원메시지(멋진 한 주를 시작하세요!) 문구 출력F1
93
26-3 주간 운동 목표량을 하루의 운동양으로 나눈 다음 해당 일만큼 달성하지 못하면
" 좀 더 힘을 내볼까요?'" 혹은"운동량이 부족해요! 달려보세요!" 라는 문구 랜덤 출력		F1
94
26-4 주간 목표량 초과 달성시 "짝짝짝!👏 잘 하고 있어요!" 라는 문구 출력 (일일목표량 수정했어요)F1
95
26-5 주간 매일 출석 시(일~월) "우와~ 일주일 동안 출석하셨어요!"F1
96
27현재 월의 주 마다 운동랭킹(1 ~ 3위) 출력 / 그 외 등수 출력27-1 주별 랭커 유저들의 운동 시간을 분 단위로 표시해서 출력한다F3
97
27-2 1 ~ 3위는 트로피 이모지를 user 이름 옆에 표시 / 로그인 유저의 랭킹은 숫자로 표시한다.F3
98
28로그인한 유저의 운동요약 정보를 출력한다.28-1 로그인한 유저의 운동요약 정보를 출력한다F1
99
28-2 원형 프로그레스 bar로 표시를 하고, 그 안에 목표량에 대한 정보를 출력한다(목표 일수, 달성률)F1
100
28-3 운동요약 정보(프로그레스 바 or 캘린더) 를 클릭하게 되면 마이페이지로 이동한다.F1