싸피 공통 프로젝트 회고

• 2022.07.11~2022.08.19 (6주)

 

1. 소개

• 서비스명 : 모두의 마피아
• 마피아를 제대로 즐기고 싶은 현대인 들을 위한 웹 화상 마피아 게임 서비스
• WebRTC 기술을 활용한 프로젝트

 

2. 내가 담당한 일 (Front-React)

• axios
  • 게임시작 시 닉네임 중복검사 / 닉네임 등록
  • 게임 방 생성 / 방 제목으로 검색 / 방 목록 새로고침
  • 유저 검색 / 전적보기
• socket
  • 로그인 유저 목록
  • 친구 목록 / 친구 신청 / 수락 / 거절 / 삭제
  • 대기실 채팅
  • 랜덤매칭 (6인이 대기되었을 때 대기방으로 이동)
• css

 

3. 프로젝트를 통해 배운 점 / 좋았던 점

• 처음으로 하는 6인 / 6주 프로젝트
  • 팀원들 모두 적극적이었음
• React를 공부를 강의를 통해 시작했는데 강의를 들을 때보다 직접 구현을 해보는 것이 실력 향상에 더 도움이 되었음
  • JavaScript 공부까지 가능
• 처음으로 배포를 통해 다른사람에게 보여준 프로젝트
• sockjs-client와 stopmjs를 활용하여 실시간으로 데이터를 주고 받기
  • 이전에는 데이터 주고 받는 것을 axios로만 구현하여 새로고침이 항상 필요했으나 socket은 실시간으로 반영
  • 소켓 정리 링크 달기(아직 정리를 제대로 못함...)

 

4. 아쉬웠던 점 -> 다음프로젝트에 보완

• React의 Hook을 제대로 사용하지 못함, 한 컴포넌트에 너무 많은 것을 때려 넣음
  • useState, useEffect만 사용하고 나머지 Hook은 알고 있으나 기능이 작동되는데에만 급급하다보니 제대로 활용을 하지 못함
  • 한 컴포넌트에 너무 많은 것을 넣어 코드 수정 / css 할때 어느 부분에 해당하는지 찾기 힘들었음
• 백엔드와 프론트엔드가 api 설계를 함께하지 못하여 초반에 데이터 흐름을 제대로 파악하지 못함
  • -> api 설계를 함께 참여하고 데이터 흐름을 개발 전에 미리 파악해 둘 것
• 주요기능이 아닌 부가기능들을 먼저 완성하여 우선순위를 잘못 둠
  • 개발 후반부에 시간이 부족하다고 느낌
  • 불필요한 부분들에 시간 낭비를 함
  • -> 우선순위를 정해 기능 개발을 할 것, 주요기능/부가기능/추가기능을 구분해 둘 것
• 코딩 컨벤션을 미리 정하지 않아서 merge conflict가 계속 생김
  • -> 개발 전 미리 정하고 꼭 지키자
• git commit message를 제대로 지키지 못함
• Jira 스프린트를 미리 작성을 하여 개발 일정이 변경될 때마다 수정
  • -> 미리 작성X, 매주 월요일마다 스프린트 작성
• 발표자와 피피티제작자가 달랐음, 서로 원하는 피피티 느낌이 달라서 피피티 제작에 시간이 오래 걸림
  • -> 팀원 모두가 발표 흐름 회의에 참석
  • 발표자외 : 피피티 제작에 필요한 자료들을 정리하여 발표자에게 전달, 개발 / 디버그에 모두 집중
  • 발표자 : 피피티 자료를 받아 피피티 제작 + 발표 준비
  • 발표자가 발표준비가 끝났을 때 발표자외 팀원들이 피드백