이번 주의 우선순위 / 작업 크기 / 담당자
- 백로그 작성 / 1시간 / 전체
- UI 컴포넌트 선정 / 0.5시간 / 전체
- UI 컴포넌트 개발 / 6시간 / 전체
- UI 레이아웃 및 마크업 구현 / 2시간 / 전체
- 회원가입 · 로그인 / 4시간 / 형준, 성호
- 소셜 로그인 중 하나 우선적으로 구현
- 강수홍 : 네이버
- 김형준 : 구글
- 이승재 : 깃허브
- 최성호 : 카카오
- 닉네임 설정 / 2시간 / 형준, 성호
- 유저 목록 보여주기 / 2시간 / 형준, 성호
- 방 만들기 / 2시간 / 수홍, 승재
- 방 목록 보여주기, 방 입장 / 3시간 / 수홍, 승재
- 채팅 / 4시간 / 수홍, 승재
요일별 계획
- 월
- 백로그 작성
- UI 컴포넌트 선정
- UI 컴포넌트 개발
- 화
- UI 컴포넌트 개발
- UI 레이아웃 및 마크업 구현
- 수
- 목
- 방 목록 보여주기 / 방 입장
- 채팅
- 유저 목록 보여주기
- 데모 및 피어세션 준비
- 금
데모 시나리오
- 랜딩 페이지
- 사용자는 랜딩 페이지에 접속할 수 있다
- 사용자는 랜딩 페이지에서 회원가입 · 로그인을 할 수 있다
- 회원가입 · 로그인
- 소셜 로그인 버튼을 누르면 해당 소셜 인증 사이트로 리다이렉트된다.
- 회원이 아닌 경우
- 소셜 사이트에서 Authorization을 허용한다.
- DB에 회원 정보가 저장된다.
- 로비 페이지로 리다이렉트된다.
- 로비 페이지
- 닉네임이 없는 경우
- 로비 페이지 좌측 하단에 닉네임이 표시된다.
- 연필 버튼을 누르면 닉네임이 인풋바로 바뀌고 닉네임을 변경할 수 있다.
- 방 만들기를 누르면 방 설정 모달이 뜬다.
- 방 설정 내용을 입력하고 확인을 누르면 방이 생성되고 게임 대기 페이지로 이동한다.
- 방 목록에 새로운 방이 추가가 된다.
- 채팅창으로 채팅을 할 수 있다.
- 채팅창 input에 메세지를 입력하고 전송 버튼을 누르거나 엔터키를 누르면 소켓으로 채팅 메세지를 보낸다.
- 소켓에서 broadcast한 채팅 내용이 채팅창에 보여진다.
- 주기적으로 대기중인 방 목록을 불러온다.
- 주기적으로 접속중인 유저 목록을 불러온다.