| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | k | ||||||||||||||||||||||||||
2 | ID | 페이지 | 스토리 | Task | 구분 | 우선순위 | 담당자 | 예상 시간 | 실제 시간 | 진행 상태 | 상태 라벨 | 우선순위 라벨 | 구분 라벨 | 담당자 | |||||||||||||
3 | 1 | 소개 | 서비스 소개를 확인할 수 있다. | 1-1 글귀를 창작한다 + 글귀를 띄워준다 | F | 🟡 | 벼르 | Done | To be started | Must (1) 🔴 무조건 있어야 한다 | F (프론트엔드) | 벼르 | |||||||||||||||
4 | 2 | 소개 | 접속 버튼을 눌러서 메인화면으로 이동할 수 있다. | 2-1 접속 버튼을 누르면 화면을 메인화면으로 전환한다. (루트경로 유지) | F | 🔴 | 보리 | Done | Work in progress | Should (2) 🟡 있으면 좋다 | B (백엔드) | 삐삐 | |||||||||||||||
5 | 3 | 소개 | 모닥불 인터랙션을 볼 수 있다. | 3-1 Gif를 이용한다. | F | 🔵 | 벼르 | Done | Done | Could (3) 🔵 없어도 된다 | F/B | 땡구 | |||||||||||||||
6 | 3-2 모닥불이 타는 애니메이션을 표시한다. | F | 🔵 | 벼르 | Done | 보리 | |||||||||||||||||||||
7 | 4 | 소개 | 유저가 /(root) 에 접속 혹은 새로고침 한다. | 4-1 유저가 토큰을 가지고 있는지 확인한다. | F | 🔴 | 보리 | Done | 전원 | ||||||||||||||||||
8 | 4-2 토큰을 가지고 있지 않으면 소개 페이지를 보여준다. | F | 🔴 | 보리 | Done | 진행상황 | |||||||||||||||||||||
9 | 4-3 토큰을 가지고 있으면 서버에 유효성을 검증한다. | F | 🔴 | 보리 | Done | 🔴 | 🟡 | 🔵 | 총 계 | ||||||||||||||||||
10 | 4-4 유효성을 검사해 검증된 사용자면 사용자 정보를 반환한다. | B | 🔴 | 삐삐 | Done | 진행중인 작업 | 0 | 0 | 0 | 0 | |||||||||||||||||
11 | 4-5 유효성을 검사해 만료된 토큰(access)일 경우 토큰(access)을 재발급 하고 사용자 정보를 반환한다. | B | 🟡 | 삐삐 | Done | 끝난 작업 | 49 | 39 | 22 | 110 | |||||||||||||||||
12 | 4-6 리프레시 토큰이 만료된 경우 소개 페이지를 보여준다. | F | 🟡 | 보리 | Done | 남은 작업 | 0 | 0 | 0 | 0 | |||||||||||||||||
13 | 5 | 메인 - 상단 | 메인 중앙 상단에 서비스 정보를 보여준다 | 5-1 타닥타닥 이름이 표시만 됨 | F | 🔵 | 벼르 | Done | |||||||||||||||||||
14 | 5-2 서비스 정보(활성화된 모든 사용자 수, 방 개수)를 서버에서 받아서 표시한다. | F | 🟡 | 보리 | Done | ||||||||||||||||||||||
15 | 5-3 서비스 정보(활성화된 모든 사용자 수, 방 개수)를 서버 소켓에서 반환한다. | B | 🟡 | 전원 | Done | ||||||||||||||||||||||
16 | 6 | 메인 - 메인 | 메인 탭을 이용해 3가지 타입의 방을 선택할 수 있다. | 6-1 기본값으로 최대 15개의 타닥타닥 방들을 보여준다. | F | 🔴 | 벼르 | Done | |||||||||||||||||||
17 | 6-2 타닥타닥 탭을 누르면 개설된 타닥타닥 방을 보여준다. | F | 🟡 | 벼르 | Done | ||||||||||||||||||||||
18 | 6-3 캠프파이어 탭을 누르면 개설된 캠프파이어 방을 보여준다 | F | 🟡 | 벼르 | Done | ||||||||||||||||||||||
19 | 6-4 코딩 라이브 탭을 누르면 개설된 코딩 라이브 방을 보여준다 | F | 🟡 X | Closed | Closed | ||||||||||||||||||||||
20 | 6-5 각각의 탭을 누르면 클라이언트에서 탭에 따라 서버에 요청한다(중복 요청 가능) | B | 🟡 | 땡구 | Done | ||||||||||||||||||||||
21 | 6-6 각각의 탭을 누르면 서버에서 방의 정보를 해당 방의 사용자 접속순(내림차순)으로 반환한다. | B | 🟡 | 땡구 | Done | ||||||||||||||||||||||
22 | 6-7 각각의 탭 버튼 우측 상단에 각 방의 설명을 보여주는 물음표 버튼을 위치시킨다. (호버시 설명창 띄움) | F | 🔵 | 땡구 | Done | ||||||||||||||||||||||
23 | 6-8 물음표 버튼에 커서를 올리면 각 탭의 설명 모달을 활성화한다. | F | 🔵 | 땡구 | Done | ||||||||||||||||||||||
24 | 7 | 메인 - 메인 | 검색바를 이용해 현재 선택한 탭에서 원하는 방을 검색한다. | 7-1 사용자가 원하는 키워드를 입력할수 있다 | F | 🟡 | 벼르 | Done | |||||||||||||||||||
25 | 7-2 키워드가 입력된 상태에서 엔터 혹은 검색 버튼을 누를 수 있다. | F | 🟡 X | Closed | Closed | ||||||||||||||||||||||
26 | 7-3 키워드가 입력되어있지 않으면 검색할 수 없다. (검색 버튼도 비활성화) | F | 🔵 | 벼르 | Done | ||||||||||||||||||||||
27 | 7-4 키워드를 입력하고 검색 버튼을 누르면 현재 탭, 키워드를 바탕으로 서버에 방 검색 데이터를 요청한다. | F | 🟡 | 벼르 | Done | ||||||||||||||||||||||
28 | 7-5 전달받은 현재 탭, 검색 키워드를 바탕으로 필터링 된 방의 정보를 반환한다. | B | 🟡 | 땡구 | Done | ||||||||||||||||||||||
29 | 7-6 검색된 방이 없으면 '일치하는 방이 존재하지 않습니다.' 메시지를 표시한다. | F | 🔵 | 벼르 | Done | ||||||||||||||||||||||
30 | 7-7 리스트 아이템의 내용으로 제목, 개설한 유저, 인원, 설명, 태그가 보여진다. | F | 🟡 | 벼르 | Done | ||||||||||||||||||||||
31 | 7-8 탭을 전환하면 검색 창의 키워드를 기반으로 선택한 탭의 방을 보여준다. | F | 🔵 | 벼르 | Done | ||||||||||||||||||||||
32 | 8 | 메인 - 메인 | 🚨 스크롤 다운을 통해 방을 더 볼 수 있다. | 8-1 스크롤을 내리면 다음페이지의 정보를 서버에 (15개 단위로)요청한다. | F | 🔴 | 벼르 | Done | |||||||||||||||||||
33 | 8-2 페이지 정보, 해당 탭, 검색 내용을 기준으로 다음 페이지의 정보를 반환한다. | B | 🔴 | 땡구 | Done | ||||||||||||||||||||||
34 | 9 | 메인-왼쪽 사이드바 | 비로그인시 상단에 로그인 버튼이 보인다. | 9-1 로그인 버튼을 누르면 로그인 모달창이 보여진다. | F | 🟡 | 보리 | Done | |||||||||||||||||||
35 | 10 | 메인-왼쪽 사이드바 | 로그인시 상단에 사용자 정보 버튼이 보인다. | 10-1 버튼에 사용자의 정보(아바타, 닉네임, 관심 개발 분야)를 표시한다. | F | 🔵 | 땡구 | Done | |||||||||||||||||||
36 | 10-2 사용자 정보 버튼을 누르면 사용자 정보 페이지로 이동한다. | F | 🔴 | 땡구 | Done | ||||||||||||||||||||||
37 | 11 | 메인-왼쪽 사이드바 | 로그인시 유저의 즐겨찾기 버튼이 보인다. | 11-1 즐겨찾기 버튼을 누르면 사용자의 즐겨찾는 사용자 목록을 요청한다. | F | 🔵 X | Closed | Closed | |||||||||||||||||||
38 | 11-2 서버에서 사용자의 즐겨찾는 사용자들의 정보와 개설된 방 목록을 조회하여 반환한다. | B | 🔵 X | Closed | Closed | ||||||||||||||||||||||
39 | 11-3 반환된 방목록을 눌러 해당 방으로 이동할 수 있다. | F | 🔵 X | Closed | Closed | ||||||||||||||||||||||
40 | 12 | 메인-왼쪽 사이드바 | 로그인시 방 만들기 버튼이 보인다. | 12-1 방만들기 버튼을 누르면 모달창이 뜬다. | F | 🔴 | 벼르 | Done | |||||||||||||||||||
41 | 13 | 메인-왼쪽 사이드바 | 로그인시 우측 하단에 로그아웃 버튼이 보인다. | 13-1 로그아웃 버튼을 누르면 갖고있는 토큰을 삭제한다. | F | 🔴 | 보리 | Done | |||||||||||||||||||
42 | 14 | 로그인 모달 | 로그인 모달에서 로그인을 할 수 있다. | 14-1 로그인 버튼을 누르면 입력된 값을 바탕으로 사용자의 정보를 요청한다. | F | 🔴 | 보리 | Done | |||||||||||||||||||
43 | 14-2 사용자의 정보를 반환한다. | B | 🔴 | 삐삐 | Done | ||||||||||||||||||||||
44 | 15 | 로그인 모달 | 타닥타닥 서비스 계정으로 로그인한다. | 15-1 이메일 / 패스워드를 입력 받아 서버에 인증 요청을 보낸다. | F/B | 🔴 | 보리 | 삐삐 | Done | ||||||||||||||||||
45 | 15-2 요청된 값을 확인해 JWT를 반환한다. | B | 🔴 | 삐삐 | Done | ||||||||||||||||||||||
46 | 15-3 소셜 로그인 계정이 로컬 로그인을 시도한 경우 소셜 로그인 안내 문구를 출력한다. | F | 🔵 X | Closed | Closed | ||||||||||||||||||||||
47 | 15-4 JWT로 사용자의 정보를 요청한다. | F | 🔴 | 보리 | Done | ||||||||||||||||||||||
48 | 15-5 토큰을 확인해 사용자의 정보를 반환한다. | B | 🔴 | 삐삐 | Done | ||||||||||||||||||||||
49 | 16 | 로그인 모달 | 다른 플랫폼 계정으로 로그인 한다. | 16-1 깃허브 계정을 요청한다. | B | 🟡 X | Closed | Closed | |||||||||||||||||||
50 | 16-2 구글 계정을 요청한다 | B | 🔵 X | Closed | Closed | ||||||||||||||||||||||
51 | 16-3 소셜 로그인으로 첫 접속한 계정의 social 필드를 true로 저장한다. | B | 🟡 X | Closed | Closed | ||||||||||||||||||||||
52 | 17 | 로그인 모달 | 회원가입 버튼이 보인다. | 17-1 회원가입 버튼을 누르면 모달을 회원가입 폼으로 전환한다. | F | 🔴 | 보리 | Done | |||||||||||||||||||
53 | 18 | 회원가입 모달 | 유저가 회원가입을 한다. | 18-1 회원가입 버튼을 누르면 서버에 nickname / password / email로 회원가입 요청한다. | F | 🔴 | 보리 | Done | |||||||||||||||||||
54 | 18-2 email 중복, 입력 값의 조건에 맞지 않으면 알람을 노출시킨다. | B | 🔵 | 삐삐 | Done | ||||||||||||||||||||||
55 | 18-3 요청된 값을 받아 중복처리후 성공 여부를 반환한다. | B | 🔴 | 삐삐 | Done | ||||||||||||||||||||||
56 | 18-4 회원가입이 완료되면 로그인 모달을 재 노출 시킨다. | F | 🔵 | 보리 | Done | ||||||||||||||||||||||
57 | 19 | 방 생성 모달 | 방 생성 모달에서 방을 생성할 수 있다. | 19-1 모달창에서는 방 유형 / 태그 / 제목 / 설명 / 제한 인원(최대 9명)을 선택할 수 있다. | F | 🔴 | 벼르 | Done | |||||||||||||||||||
58 | 19-2 만들기 버튼을 누르면 서버에 방 생성 요청을 보낸다. | F | 🔴 | 벼르 | Done | ||||||||||||||||||||||
59 | 19-3 방 생성 요청을 받으면 방을 생성하고 생성 유무를 반환한다. | B | 🔴 | 땡구 | Done | ||||||||||||||||||||||
60 | 19-4 정상적으로 방이 생성되면 방을 생성한 사용자는 해당 방의 페이지로 이동한다. | F | 🔴 | 벼르 | Done | ||||||||||||||||||||||
61 | 19-5 취소하기 버튼 혹은 모달의 바깥 범위를 누르면 모달창을 닫는다. | F | 🔵 | 벼르 | Done | ||||||||||||||||||||||
62 | 20 | 타닥타닥 방 | 자신의 마이크를 켜고 끌 수 있다. | 20-1 마이크 버튼을 누르면 마이크 on/off 토글 | F | 🔴 | 벼르 | Done | |||||||||||||||||||
63 | 21 | 타닥타닥 방 | 자신의 캠 또는 PC 화면을 켜고 끌 수 있다. | 21-1 캠을 킨 경우 캠 화면이 자신의 구역에 보여진다. | F | 🔴 | 벼르 | Done | |||||||||||||||||||
64 | 21-2 캠을 끈 경우 기본 화면이 자신의 구역에 보여진다. | F | 🔴 | 벼르 | Done | ||||||||||||||||||||||
65 | 21-3 화면공유를 킨 경우 화면 공유 화면이 자신의 구역에 보여진다. | F | 🟡 | 벼르 | Done | ||||||||||||||||||||||
66 | 21-4 화면공유를 끈 경우 화면 기본 화면이 자신의 구역에 보여진다. | F | 🟡 | 벼르 | Done | ||||||||||||||||||||||
67 | 21-5 게스트 모두가 WebRTC 로 통신한다. | F | 🔴 | 벼르 | Done | ||||||||||||||||||||||
68 | 22 | 타닥타닥 방 | 오른쪽 상단의 나가기 버튼으로 방을 나갈 수 있다. | 22-1 나가기 버튼을 누르면 메인 페이지로 이동된다. | F | 🔴 | 벼르 | Done | |||||||||||||||||||
69 | 22-2 게스트가 나가기 버튼을 누르면 게스트만 메인 페이지로 이동된다. | F | 🔴 | 벼르 | Done | ||||||||||||||||||||||
70 | 22-3 나간 게스트에 해당하는 소켓을 소켓 리스트에서 제외한다. | B | 🔴 | 땡구 | 삐삐 | Done | |||||||||||||||||||||
71 | 22-4 호스트가 나가기 버튼을 누르면 해당 방의 게스트들 모두 메인 페이지로 이동된다. | F | 🔴 | 보리 | Done | ||||||||||||||||||||||
72 | 22-5 호스트가 방을 나가면 해당 방을 삭제한다. | B | 🔴 | 땡구 | Done | ||||||||||||||||||||||
73 | 23 | 타닥타닥 방 | 최대 9명의 캠을 grid 형태로 보여준다 | 23-1 캠이 2개 이하, 4개 이하, 6개 이하, 9개 이하 마다 다른 반응형으로 배치한다 | F | 🔵 | 보리 | Done | |||||||||||||||||||
74 | 23-2 캠이 나오는 화면 아래에 사용자의 이름을 표시한다 | F | 벼르 | Done | |||||||||||||||||||||||
75 | 24 | 타닥타닥 방 | 참여자는 마이크를 통해 말을 할 수 있다 | 24-1 참여자가 말하면 해당 참여자의 영상 구역 테두리에 하이라이트가 생긴다. | F | 🟡 | 벼르 | Done | |||||||||||||||||||
76 | 25 | 타닥타닥 방 - 왼쪽 사이드바 | 채팅 탭을 누르면 채팅을 보거나 전송 할 수 있다. | 25-1 채팅 폼을 통해 입력된 값을 서버에 전송한다.(socket) | F/B | 🔴 | 땡구 | 보리 | Done | ||||||||||||||||||
77 | 25-2 방에 들어온 모든 사람들이 채팅 메시지를 확인할 수 있다.(socket) | F/B | 🔴 | 땡구 | 보리 | Done | |||||||||||||||||||||
78 | 25-3 코드를 마크다운 형태로 전송할 수 있다. ( ``` 코드 ``` ) | F | 🟡 X | Closed | Closed | ||||||||||||||||||||||
79 | 25-4 메시지를 해석해 구분을 나눠 클라이언트에 반환한다. | B | 🟡 X | Closed | Closed | ||||||||||||||||||||||
80 | 25-5 전달 받은 메시지가 코드라면 하이라이팅 해준다 | F | 🟡 X | Closed | Closed | ||||||||||||||||||||||
81 | 25-6 전달 받은 메시지가 일반 메시지면 일반 메시지로 보여준다. | F | 🟡 X | Closed | Closed | ||||||||||||||||||||||
82 | 25-7 코드 하이라이팅 기능은 라이브러리를 활용하며, 옵션으로 부분적으로 직접 구현할 수도 있다. | F | 🔵 X | Closed | Closed | ||||||||||||||||||||||
83 | 25-8 채팅 메시지는 닉네임, 관심 분야, 시간 \n 내용으로 구성되어있다. | F/B | 🟡 | 땡구 | Done | ||||||||||||||||||||||
84 | 25-9 빈 메시지는 발송하지 않는다. | F | 🔵 | 보리 | Done | ||||||||||||||||||||||
85 | 26 | 타닥타닥 방 - 왼쪽 사이드바 | 참여자 탭을 누르면 참여자 목록을 볼 수 있다. | 26-1 현재 방의 참여자 리스트가 바뀔 때마다 서버에 요청한다.(socket) | F | 🟡 | 보리 | Done | |||||||||||||||||||
86 | 26-2 요청을 받아 [참여자의 닉네임, 아바타, 관심 분야]를 반환한다.(socket) | B | 🟡 | 삐삐 | Done | ||||||||||||||||||||||
87 | 27 | 타닥타닥 방 - 왼쪽 사이드바 | 🚨 호스트는 참여자 탭을 통해 참여자를 관리할 수 있다. | 27-1 호스트 화면에서는, 참여자 탭의 게스트 각각의 오른쪽에 추방 버튼이 보인다. | F | 🟡 | 보리 | Done | |||||||||||||||||||
88 | 27-2 호스트가 추방 버튼을 누르면, 서버에 해당 소켓ID를 전송한다. | F | 🟡 | 보리 | Done | ||||||||||||||||||||||
89 | 27-3 서버에서 해당하는 소켓ID를 제거하고, 해당 게스트를 메인으로 리다이렉트 시킨다. | B | 🟡 | 땡구 | Done | ||||||||||||||||||||||
90 | 27-4 사용자는 '추방되었습니다.' 메시지를 받는다. | F/B | 🔵 | 보리 | Done | ||||||||||||||||||||||
91 | 27-5 추방되기 전 게스트가 방에서 나갔다면, 호스트에게 '이미 나간 참여자입니다.' 메시지를 전송한다. | F | 🔵 X | 보리 | Closed | ||||||||||||||||||||||
92 | 28 | 캠프파이어 방 | 자신의 마이크를 켜고 끌 수 있다. | 28-1 마이크 버튼을 누르면 마이크 on/off 토글. | F | 🔴 | 보리 | Done | |||||||||||||||||||
93 | 29 | 캠프파이어 방 | 자신이 선택한 아바타 또는 기본 불꽃 이미지가 보여진다. | 29-1 자신의 칸에 선택한 아바타 또는 기본 불꽃 이미지가 나타난다. | F | 🟡 | 보리 | Done | |||||||||||||||||||
94 | 30 | 캠프파이어 방 | 하단에서 참여자 목록을 확인할 수 있다. | 30-1 화면 하단에서 리스트 형식으로 참여자들의 아바타가 나타난다. | F | 🟡 | 보리 | Done | |||||||||||||||||||
95 | 31 | 캠프파이어 방 | 참여자는 마이크를 통해 말을 할 수 있다 | 31-1 참여자가 말하면 해당 참여자 아바타 테두리에 하이라이트가 생긴다. | F | 🟡 | 보리 | Done | |||||||||||||||||||
96 | 32 | 캠프파이어 방 | 화면 중앙에서 캠프파이어 불을 볼 수 있다 | 32-1 가운데 큰 불은 모닥불이 타는 애니메이션 혹은 이미지를 표시한다. | F | 🔴 | 보리 | Done | |||||||||||||||||||
97 | 33 | 캠프파이어 방 | 백색소음 (모닥불 사운드)이 배경음악으로 재생된다. | 33-1 저작권 없는 모닥불 소리를 배경으로 넣는다. | F | 🔵 | 보리 | Done | |||||||||||||||||||
98 | 33-2 모닥불을 클릭하면 소리를 끌 수 있다. | F | 🔵 | 보리 | Done | ||||||||||||||||||||||
99 | 34 | 캠프파이어 방 - 왼쪽 사이드바 | 타닥타닥 방과 사이드바가 동일하다 | 34-1 25, 26, 27 참고 | F/B | 🟡 | 보리 | Done | |||||||||||||||||||
100 | 35 | 코딩 라이브 방 | 호스트만 마이크를 켜고 끌 수 있다. | 35-1 호스트의 화면에서 마이크 버튼을 누르면 마이크 on/off 토글 | F | 🟡X | Closed | Closed | |||||||||||||||||||