📗 10.29 주제 & 요구사항 작성

📋 주제 선정 & 기획/요구사항 작성

개발 로드맵
- 1-3주차: CRDT 및 게임 기본 구현, 캔버스 API를 활용한 그림판 및 UI 구현
- 3주차 평가: CRDT 구현 가능성 재검토 후 방향성 최종 결정
시나리오
- CRDT 구현 성공 시: 게임 고도화 (블러핑 및 협업 요소 추가)
- CRDT 구현 어려울 시: 캔버스 기능 고도화 (필압, 도형 조작, 색 채우기 등)

Epic 1: 실시간 드로잉 캔버스

Story: 사용자는 웹에서 자유롭게 그림을 그릴 수 있으며, 기본적인 드로잉 도구를 사용할 수 있어야 한다.

ID	Task	Priority	Description
1.1.1	Canvas 기본 구조 설정	High	Canvas 엘리먼트 생성, width/height 설정, context 초기화
1.1.2	마우스/터치 이벤트 핸들러	High	드래그, 터치 이벤트 처리 및 좌표 계산 구현
1.1.3	드로잉 상태 관리	High	그리기 상태 관리 및 상태 업데이트 로직 구현
1.1.4	기본 그리기 기능	High	선 그리기, 점 찍기 등 기본 드로잉 기능 구현
1.2.1	도구 선택 UI	Medium	드로잉 도구 선택을 위한 UI 컴포넌트 구현
1.2.2	연필 도구 구현	Medium	연필 도구의 드로잉 로직 구현
1.2.3	색상 선택기	Medium	색상 선택 및 적용 기능 구현
1.2.4	선 두께 조절	Medium	선 두께 조절 기능 및 UI 구현
1.2.5	지우개 구현	High	지우개 UI 및 기능 구현
1.2.6	페인트통 구현	Low	페인트통 UI 및 기능 구현
1.2.7	필압 조절	Low	태블릿: 내장 필압 시스템 지원 / 웹: 마우스 속도 기반
1.3.1	Undo/Redo 스택	High	작업 히스토리 스택 구조 구현
1.3.2	작업 기록 저장	High	드로잉 작업 기록 저장 및 복원 로직
1.3.3	사용자별 히스토리	High	멀티유저 환경에서의 히스토리 관리

Epic 2: 실시간 협업 기능

Story: 사용자들이 네트워크 상태와 관계없이 실시간으로 동시에 그림을 그릴 수 있어야 한다.

ID	Task	Priority	Description
2.1.1	WebRTC 피어 연결	Critical	P2P 연결 설정 및 초기화
2.1.2	시그널링 서버	Critical	WebRTC 시그널링 서버 구현
2.1.3	데이터 채널 설정	Critical	실시간 데이터 전송을 위한 채널 구성
2.1.4	연결 상태 관리	High	피어 연결 상태 모니터링 및 관리
2.2.1	CRDT 데이터 구조	Critical	드로잉용 CRDT 데이터 구조 설계
2.2.2	작업 동기화	Critical	CRDT 기반 작업 동기화 구현
2.2.3	충돌 해결	Critical	동시 편집 충돌 해결 알고리즘 구현
2.2.4	지연 처리	High	네트워크 지연 상황 처리 로직

Epic 3: 게임 시스템

Story: 사용자들이 실시간으로 그림 그리기 게임에 참여하고 역할에 따라 플레이할 수 있어야 한다.

ID	Task	Priority	Description
3.1.1	URL 생성	High	유니크한 게임방 URL 생성
3.1.2	게임방 관리	High	게임방 생성 및 참여 로직, 게임 시작 및 게임 도중 재시작 로직
3.1.3	닉네임 시스템	Medium	사용자 닉네임 입력 및 관리
3.1.4	참여자 관리	High	게임 참여자 상태 관리
3.2.1	역할 배정	High	플레이어 역할 할당 로직 구현 (그림꾼, 방해꾼, 구경꾼 랜덤 배정)
3.2.2	라운드 관리	High	게임 라운드 진행 로직
3.2.3	타이머	Medium	게임 제한 시간 관리, 구경꾼에게 보여줄 딜레이를 적용한 그림 전송 로직 개발
3.2.4	정답 시스템	High	정답 입력 및 검증 시스템 구현 - 정답 제출 시 서버와 통신, 정답 검증 로직 개발
3.3.1	포인트 계산	Medium	게임 포인트 계산 로직
3.3.2	점수 업데이트	Medium	실시간 점수 반영
3.3.3	순위 시스템	Low	플레이어 순위 관리

Epic 4: UI/UX

Story: 사용자들이 직관적이고 반응성 좋은 인터페이스를 통해 게임을 즐길 수 있어야 한다.

ID	Task	Priority	Description
4.1.1	메인 화면	High	게임 메인 화면 레이아웃
4.1.1.5	대기 화면	High	게임 시작 전 대기중 UI
4.1.2	도구 인터페이스	Medium	드로잉 도구 UI 구현
4.1.3	채팅/정답 UI	High	채팅 및 정답 입력 인터페이스
4.1.4	반응형 디자인	Medium	모바일 대응 반응형 UI
4.2.1	게임 상태 표시	High	현재 게임 진행 상태 표시
4.2.2	플레이어 목록	Medium	참가자 목록 및 역할 표시
4.2.3	타이머 UI	Medium	게임 타이머 시각화
4.2.4	점수판	Medium	게임 중 실시간 점수 표시 UI
4.2.5	등수판	High	점수 합산 후 닉네임, 등수, 점수 UI, 다시 하기 버튼
4.3.1	상태 알림	Low	게임 진행 상태 알림 시스템 (라운드 수)
4.3.2	에러 처리	Medium	에러 메시지 표시 시스템
4.3.3	로딩 표시	Low	로딩 상태 인디케이터
4.3.4	도움말	High	게임 튜토리얼 시스템