📗 11.05 프로덕트 백로그 설정

프로젝트 백로그: 드로잉 게임

EPIC 1. 드로잉 캔버스 구현

Story	Tasks
사용자는 Redo, Undo를 할 수 있다.	- Redo 버튼 이벤트 구현 - Undo 버튼 이벤트 구현
사용자는 그림 그리기에서 제한을 갖는다.	- 드로잉 시 소모량 반영 이벤트 구현 - 페인팅 시 소모량 반영 이벤트 구현
사용자는 색상을 선택할 수 있다.	- 색상 변경 이벤트 구현
사용자는 선 두께를 선택할 수 있다.	- 선 두께 변경 이벤트 구현
사용자는 페인트 모드를 선택할 수 있다.	- 툴 모드를 펜으로 전환하는 이벤트 구현
사용자는 펜 모드를 선택할 수 있다.	- 툴 모드를 펜으로 전환하는 이벤트 구현
캔버스 이벤트	- 클릭 시 드로잉 이벤트 구현 - 터치 시 드로잉 이벤트 구현 - 페인트 툴 모드에서 클릭/터치 시 구역 색칠하기 구현

EPIC 2. 실시간 협업 기능 구현

Story	Tasks
시스템은 CRDT 동기화 로직을 적용하여 동시 편집으로 인한 충돌을 처리하고 데이터 상태를 병합한다.	- CRDT (LWW Register) 객체 구현 - CRDT merge 작업 구현 - CRDT 테스트 코드 작성 - 웹소켓 환경에서 CRDT 테스트 코드 작성
시스템은 네트워크 연결이 끊겼다가 재연결될 경우, 변경된 데이터를 동기화하여 일관된 상태를 유지한다.	- 오프라인 상태 감지 및 처리 - 재연결 시 데이터 동기화 구현
시스템은 사용자 간 실시간으로 데이터를 주고받아 모든 사용자에게 변화가 반영되도록 한다.	- 웹소켓 통신에 데이터 전송 기능 연동
시스템은 새로운 사용자가 참여할 때 웹소켓 연결을 설정하여 데이터 전송이 가능하도록 한다.	- 웹소켓 서버 설정 - 웹소켓 클라이언트 설정

EPIC 3. 게임 시스템 구현

Story	Tasks
방장은 게임 라운드, 플레이어 수, 제한 시간을 설정할 수 있다.	- 게임 설정 상태 관리 구현 - 기본 게임 설정 상수 정의: 4인, 3라운드 - 방 설정 데이터 구조 설계 및 커스텀 적용 로직 구현
사용자가 ok 버튼을 누르면 대기 화면으로 돌아간다.	- 게임 재시작 준비 상태 관리 구현 - 게임 종료 처리 로직 구현 - 대기실 상태 초기화 구현 - 화면 전환 로직 구현
사용자는 10~15초동안 (혹은 설정한 제한 시간) 정답을 맞출 수 있다. (혹은 기다린다)	- 정답 검증 로직 구현 - 정답 입력 타이머 구현 - 첫 정답자 확인 로직 구현
사용자는 30초동안 그림을 동시에 그릴 수 있다. (혹은 기다린다.)	- 30초 타이머 로직 구현 - 나머지는 캔버스, 실시간 협업 기능에 있음
사용자는 유니크한 URL 방을 만들고 접속할 수 있다.	- 방 URL 복사 및 받을 핸들러 구현 - 방 생성 시 기본 설정(4인, 3라운드) 적용 - 방 초대 및 입장/퇴장 이벤트 처리 구현 - 방장 권한 부여 및 관리 로직 구현 - 유니크한 URL 방 생성 API 구현
시스템은 그림꾼 2명, 방해꾼 1명, 나머지는 구경꾼으로 랜덤 배정하고 5초동안 role 배정한 것을 사용자에게 보여준다.	- 역할 공개 타이머 (5초) 구현 - 역할 랜덤 배정 알고리즘 구현 - 역할별 권한 설정 구현
시스템은 라운드 결과를 보여주고 다음 라운드를 재시작한다. (3라운드까지 진행)	- 라운드 결과 점수 계산 로직 구현 - 라운드 결과 점수 상태 관리 저장 구현 - 라운드 전환 로직 구현 - 라운드 종료 후 게임 상태 초기화 기능 구현 - 순위 배치 로직 구현 - 순위 배치 상태 관리
시스템은 사용자가 모두 Ready 상태이면 자동으로 게임을 시작한다.	- Ready 상태 토글 기능 구현 - 게임 자동 시작 트리거 구현 - 전체 유저 Ready 상태 감지 로직
시스템은 사용자에게 프로필 사진과 닉네임을 랜덤으로 부여한다.	- 기본 프로필 이미지 세트 구현 - 랜덤 닉네임 생성기 구현 - 유저 프로필 상태 관리 구현
시스템은 최종 게임 결과를 보여준다.	- 라운드 결과 점수 상태 호출 - 순위 배치 호출

EPIC 4. 채팅 기능 구현

Story	Tasks
구경꾼은 메인 화면에서 채팅할 수 있다.	- 권한 체크
모든 사용자들은 대기 화면에서 채팅할 수 있다.	- 전체 사용자 채팅 기능 구현
시스템은 메인 화면에 진입했을 시, '여기에다 답하고 채팅할 수 있습니다.'라는 문구를 보여준다.	- 안내 메시지 표시 기능 구현
시스템은 시작 화면, 모달창 화면에서 채팅 기능을 차단한다.	- 화면별 채팅 차단 로직 구현 - 차단 상태 UI 표시

EPIC 5. UI/UX 퍼블리싱

Story	Tasks
사용자는 대기 화면을 볼 수 있다.	- 컴포넌트 사용해 대기 화면 구현
사용자는 메인 화면을 볼 수 있다.	- 컴포넌트 사용해 메인 화면 구현
사용자는 시작 화면을 볼 수 있다.	- 컴포넌트 사용해 시작 화면 구현
사용자는 종료 화면을 볼 수 있다.	- 컴포넌트 사용해 종료 화면 구현
시스템은 재사용 가능한 컴포넌트를 사용한다.	- Button 공통 컴포넌트 구현 - Canvas 공통 컴포넌트 구현 - Chat 공통 컴포넌트 구현 - Input 공통 컴포넌트 구현 - Modal 공통 컴포넌트 구현 - QuizTitle 공통 컴포넌트 구현 - Setting 공통 컴포넌트 구현 - Timer 공통 컴포넌트 구현 - User Info 공통 컴포넌트 구현 - 메인 로고 헤더 공통 컴포넌트 구현