5주차 팀 멘토링

🔎 논의 사항 및 질문

FE

• 리팩토링 사항을 정리해봤는데, 멘토님께서는 어떤 것을 중점적으로 리팩토링 하는 게 좋다고 생각하시는 지 궁금합니다.

리팩토링 사항

• 최적화
  • 렌더링
  • 폴더 구조
  • 비지니스 로직과 UI 분리
• Toast Promise 기능 추가
• 소켓 통신에서 리액트 쿼리를 활용해보기
• UI 컴포넌트 정리
• UI 디테일 잘 마무리하기

BE

• 최종 발표 때 어떤 강점을 어필해야할 지 고민이 됩니다.
• 리팩토링 기간동안 집중하기 좋은 포인트들이 어떤 부분이 있는 지 궁금합니다.
• 아직 백엔드 코드의 경우 기능 구현만 하고 예외 처리나 다른 작업들이 되어 있지 않아서 기술적 완성도가 떨어지는 것 같은데, 지금 순간에서 개선해 나가면 좋을 것들이 궁금합니다.
• 멘토님은 팀 프로젝트 6주가 끝난 뒤 어떤 활동을 이어나갔었는 지 궁금합니다.

📂 진행상황 및 참고 자료

5주차 진행 사항

• 퀴즈 대기 페이지 채팅 기능
• 메인 페이지 UI 수정
• show ranking 이벤트
• 주요 기능 완성 ( 퀴즈 풀기 및 랭킹 보여주기 )

✒️ 멘토링 내용

1. 우리 팀의 강점

   • 페어 프로그래밍의 원활함

     백엔드 커뮤니케이션

     프론트엔드와 백엔드와의 페어 프로그래밍!

   • 모노레포 사용을 잘한 것 같습니다.

     shared 디렉토리에서 정리해둔 타입이나 인터페이스 등

2. 개선 사항 및 피드백 정리

   • 에러 처리가 잘 되어 있어야 합니다.

     발표 당일 날 터지지 않는 서비스가 가장 중요합니다.

     에러 처리 빡빡하고, 촘촘하게 !!!

   • 6주 이후에는 어떤 식으로 프로젝트를 확장해 나갈것인지, 확장성에 대해서 생각해보는 것도 좋을 것 같습니다.

   • 소켓 관련 질문을 많이 할거라 이 부분을 많이 대비해봅시다.

     실시간에서 가장 중요한 부분이라고 생각합니다

   우선 순위 (적용 부분 선택)

   1. 도메인 구매한 후 CORS 설정 필요 → https
   2. 퀴즈만들기 버튼 → 클래스 정보 입력칸 X표시와 같은 기능을 추가하기
   3. 문제 생성 페이지
      1. 답안 추가 시 포커스가 새로 생성된 답안지로 이동했으면 좋겠다. 답안지 엔터도 의도대로 안되는 것 수정
      2. 답안지 삭제 기능
      3. 문제 생성 → 호버, 색깔과 같은 구분이 필요할 것 같다. ex) 다음 퀴즈 버튼, UX면의 기능이 추가 되었으면
      4. 문제 삭제 시 기존의 남아있는 문제 번호 수정
      5. 문제 타이머 시간 선택지 수정
      6. 다음 문제가 없는데 다음문제가 활성화 되어있는 문제
      7. 클래스 이름 삽입
      8. 문제 유형
      9. 문제 미리보기 할 경우 클래스 타이틀과 간격 가깝게
   4. 대기방 페이지
      1. 뒤로가기 버튼
      2. 반응형으로 사이즈 수정
      3. 방장의 채팅 기능 추가
      4. 말풍선 색상/캐릭터 추가
   5. 퀴즈 진행자
      1. 링크 복사해서 새로운 탭으로 접속 시, 제출 기록 유지
      2. 사용자들이 문제가 렌더링 되지않을 경우 새로고침하면 문제가 보이게
      3. 진행자가 참여자에게 보내는 따봉 버튼
      4. 통계창의 y축 단위가 1단위로 이루어지면 좋겠다.
      5. 문제의 중복 선택 구분이 가능해야할 것 같다.
      6. 제출 시간이 1분을 넘어가면 1분전, 1시간전으로 수정해야한다.
      7. 통계창 화면 반응형을 구성해야한다.
   6. 플로우가 아쉽다
      1. 코드로만 접속이 가능한 서비스라 아쉽다
   7. 게임 참여자 페이지
      1. 이전에 보낸 채팅이 채팅창에 남아있는 현상
      2. 말풍선 없애는 기능이 추가되어야할 것 같다.