꼭 해야 되는 일

• [공통] 백엔드 클라이언트 시간 동기화(2h)
• [BE] 백앤드 리팩토링(8h)
  • 백엔드 리팩토링을 하면서 예외 같은 것들에 대한 충분히 고려
• [FE] 지난주 피드백 바탕으로 사용자 경험 고려해서 UI 수정하기(현우 → 화요일 오후 전에 끝날듯)

  • 메인 페이지 에러 처리(일단 해뒀음) → 커밋 예정

    • 에러 바운 더리 처리로 바꿀 까 고민 중

  • 참여자 목록 → 있는데 주석 처리 해뒀습니다;;

  • (대기할때 방금 문제 순위 보여주기) ⇒ [BE] 퀴즈 제출 후 반환 값에 관련 정보 추가 필요

    • [FE] 제출 후 대기(순위)(문제 대기페이지 마다?) → 선착순 3명 보여주기 → 제출 순서(선착순 제출) (submit) ok → [playerIds(1~3등, 제출순으로 정렬), submittedCount]

      • 다른사람이 제출했을때 broadcast, [playerId, submittedCount]

    • OK에 제출한 인원 + 제출한 사람

    • aaa, bbb, ccc …
      현재 제출자(11/20) 제출 현황?

    • 내 제출 순위 (submit) ok → [playerIds(1~3등, 제출순으로 정렬), submittedCount] 이용

    • 다음 문제 대기 (nextQuiz)

      • 정답: OOO, 맞은사람 N명(혹은 정답률) reduce()
      • 현재 정답 순위 (많이 맞은 사람?) (일단 나중에)

      this.broadcast(playerIds, 'nextQuiz', { nextQuiz, currentQuizResult });

      currentQuizResult{
      	"answer": "포뇨",
      	"totalPlayerCount": 10,
      	"correctPlayerCount": 5,
      }
      

      {
      	"nextQuiz": {다음 퀴즈 정보라 그대로 주셔야해용 ㅜ}
      	"answer": "포뇨",
      	"totalPlayerCount": 10,
      	"correctPlayerCount": 5,
      }
      

  • 컴포넌트 Tooltip 달기

  • 버튼 사이즈 조절

  • UI 크기(여백을 줄이도록)

  • 결과 어떤거 맞고 틀리는지(summary) → 작업해서 공유 하기

    • 결과 페이지에 문제 맞춘 거, 정답, 제출 시간 등등 보여주기

그래도 후순위

• [FE, BE] 문제만들기 CRUD
  • [BE] db → QuizSet, Quiz table
  • [FE] 퀴즈 생성 페이지 구성 → 퍼널로 가능 할듯?
  • [FE] 방장 페이지 ⇒ 퀴즈 시작 했을 때
    • 이건 UI 한번 그려 볼께요
• [FE, BE] 채팅 기능
  • [FE] 채팅 컴포넌트 구현 필요
  • [FE] 채팅 어디에 넣을지 UI 필요 및 페이지에 반영
  • [BE] 처리율 제한(option) rate limmiter
    • NEST, NGINX
• [FE, BE] 닉네임 변경 기능
  • [FE] 닉네임 변경 모달 구성하기
  • [BE] 닉네임 변경 api 구현
• [BE] 최종 결과 반환 시 제출시간 고려하여 채점해서 순위 매기기
• [BE] redis 마이그레이션
  • redis를 지금 상황에 쓰면 좋을지에 대해서 예상 해보는 게 필요
    • 모놀리식에 과연 레디스가 필요할까?
    • 채팅 서버를 분리한다던가 그런 부분도 고려 필요

이건 진짜 나중에 해도 된다.

• [FE, BE] 퀴즈존 목록 보기
  • [FE] 목록 리스트 그리기
  • [BE] 퀴즈존 목록 받아오는 api 하나 추가하기
• [BE] 인증 가드

닉네임 변경 websocket 메시지

clientId,changedNickname 둘다 string

        this.broadcast(playerIds, 'updateNickname', { clientId, changedNickname });

        return {
            event: 'changeNickname',
            data: 'OK',
        };