[3주차 회고] 2021.11.12

이번주를 돌아보며...

1. 요구사항, 기능 정리

• 테트리스 멀티 플레이 구현

  • 방 입장 시

    • 게임 방에 다른 플레이어 canvas 추가
    • 다른 플레이어가 게임방 입장 시 이미 입장해 있던 플레이어들에게 입장한 플레이어의 정보 전송 (소켓)
    • 다른 플레이어 입장 시 이미 입장해있던 플레이어들 정보 전송 (소켓)
    • 다른 플레이어가 추가 되면 추가되는 순서대로 각 canvas 할당
    • 한 플레이어 보드의 블록이 떨어질때마다 다른 플레이어에게 떨어지고 있는
    • 블록 정보 전송 (소켓)
    • 다른 플레이어의 블록 정보를 전송 받아 다른 플레이어의 canvas에 그리기

  • 멀티 플레이 시작 시

    • 게임 시작 정보 전송
    • 블록이 떨어지는 정보 전송
    • 보드 정보 전송
    • 공격 정보 전송
    • 공격 상대 결정 구현
    • 게임 오버 전송
    • 공격 블록의 생성 구현
    • 공격 블록에 대한 제거 루트 제공
    • 복수의 공격이 누적되어 나타난 공격 블록의 경우 구현
    • 줄 완성에 따른 공격 이벤트 연결
    • 자신의 보드 이미지 대신 캔버스로 그리게 수정
    • 자신이 공격을 받은 경우, 자신의 보드 옆에 공격 받은 블록 수 만큼 칸 표시
    • 다른 플레이어가 공격 받은 경우, 소켓으로 공격 받은 정보를 주고 받아 해당 플레이어의 보드에 공격 받은 블록 수 만큼 칸 표시

  • 테트리스 버그 수정 및 구현 수정

    • 블록을 심하게 움직일 경우 오류 발생 수정
    • 게임 오버된 플레이어에게 공격 블록이 전달되던 현상 수정
    • 다른 플레이어의 보드 이미지 대신 캔버스로 그리게 수정
    • 테트리스 블록 조작감 개선

• 로비

  • 접속자 목록 리스트 관리 및 소켓 정리
  • 방 생성 / 접속 관련 로직 정리
  • 친구 추가 위한 UI 작업 진행
  • 채팅 기능 완성
  • 테트리스 게임 내 멀티플레이 코드와 병합 진행
  • 개발 환경 시 multi proxy 설정

• 로그인 구현 & 회원 가입

  • 기존 코드 리팩토링 일부 진행 및 버그 분석

• 프로필

  • 프로필 페이지 UI 구현
  • 통계 기록을 가져오는 API를 작성함.
  • 최근 경기 내역을 가져오는 API를 작성함.
  • 상태메세지 수정 기능을 추가함.

• 랭킹

  • 랭킹 페이지 UI 작업
  • 등수, 아이디 등 정보 데이터 Api 코드 작성
  • 조건에 맞는 랭킹 가져오는 쿼리 작성
  • 분류, 모드 별 버튼 활성화
  • 분류, 모드 버튼 누를 때 마다 fetch 요청
  • 왼쪽 프로필 정보 보이기, 플레이어 닉네임 입력 후 검색 가능
  • 스토어에서 유저 닉네임 정보를 가지고 fetch 요청. db 쿼리로 승리횟수와 공격횟수 받아온 후 랜더링
  • 플레이어 닉네임 입력 후 검색 누르면 아래 표에 자신 밑으로의 사람들 랭킹 정보를 받아옴.

• 배포

  • 소켓 사용을 위한 추가적인 nginx 설정 진행

• 디자인

  • 전체적인 디자인 수정

• 데이터 베이스

  • 스키마 변경사항 DB 서버에 적용 (필드명이 예약)

2. 이번주 피드백

---

• 전용후 : 목표했던 멀티플레이 핵심 기능들은 다 구현할 수 있었던 것 같아 만족스럽고, 다음주에는 버그들과 리팩토링을 거치면서 조금 더 퀄리티 높은 코드로 탈바꿈 하겠습니다. 그리고 기록 남겨둘테니 다른 분들도 참고해보시면 좋을 것 같습니다.

---

• 채호경 : 무지성으로 진행했던 것 같습니다. 저의 비루한 코드 위에서 다들 기능을 붙여나가시는게 힘드실 것 같아 죄송하네요. 다음주에는 정말 대부분의 시간을 코드 품질 개선에 많이 투자하고싶습니다. 개인적인 목표는 금요일 마스터 클래스 때 우리 코드가 피드백 대상이 되지 않기를 조마조마하지 않는 것입니다. 오늘 그런 저의 모습을 보면서 혼자 너무 창피했습니다. 어쩌면 이게 제 한계인 것 같기도 하네요... 다음주까지 타입스크립트 공부 제대로 해서 오겠습니다.

---

• 한찬호 : 조금 더 책임감을 가지고 실수를 줄이겠습니다. 라이브러리 하나를 쓰더라도 문서를 다 읽어보는 습관을 들이고 있습니다. 기술의 사용 이유에 조금 더 포커스를 두고 효율적으로 코드를 작성하겠습니다 ㅠㅠ 다음주는 학습에 조금 더 투자를 할 예정이고, 무지성 코딩은 이제 지양하겠습니다.

---

• 황정빈 : 이번주에 생각보다 개발 진행이 느렸던 것 같아서 일단 죄송합니다.. 가장 쉬운 파트를 맡았는데 어흑흑... 그리고 문서화의 중요성을 많이 깨달아서 개발일지를 적고 있는데, 같이 적어나가면 상대방의 코드를 보는데도 좋을 것 같고, 기억에 많이 남아서 했으면 좋겠습니당

---

3. 서로서로 ★칭★찬★ 타임

• 전용후

  • 채호경 : 분량이 상당했을 것으로 예상되는 기능들을 끝까지 책임감있게 마무리 지어낸 부분에 많이 배웠습니다. 저도 빨리 테트리스 코드를 소화해서 돕고 싶지만 그러지 못해서 미안합니다. 다음주에는 정말 리팩토링에 집중해서 개선해봅시다.
  • 한찬호 : 멀티 플레이어 구현이 과연 언제 끝날지 궁금했는데 한주도 안돼서 해내는 모습이 너무 신기했습니다. 그만큼 구현력이 뛰어나다고 생각이 들고, 배포한 다음에 생긴 버그를 빠르게 잡아가는 모습도 멋졌습니다. 따봉 !
  • 황정빈 : '이걸 어케 함?'의 기적을 보여주신 한 주가 아니었나 싶습니다. 테트리스에 정말 진심이었구나.. 솔직히 말씀해주시죠. 네가 jstris만들었다는거 다 알고 있다구

• 채호경

  • 전용후 : 무지성으로 짜셨다고 했지만, 제가 무지성으로 짜서 합치는데 어려움이 있었습니다... 그의 코드와 저의 코드를 합치는데 제 코드를 보여드리는데 부끄럽더라구요. 고차함수도 잘쓰시는 것 같고요 ㅎㅎ 리팩토링하면서 호경이형 코드를 보면서 배운 부분들을 잘 적용해보겠습니다. 한주동안 고생 많으셨어요~~~
  • 한찬호 : 깃 신이자 리팩토링 신.. 진짜 많이 배우고 있습니다 ㅎㅎ 그는 .. 갓호경. 궁금한거 물어보면 바로바로 알려주셔서 항상 고맙습니다.
  • 황정빈 : 진짜 코드 리뷰 보면서 도움을 많이 받고 있습니다. 또, 깃 문제 터질 때마다 달려가는데 이 집 깃 맛집.. 리뷰 맛집.. 최고.. 리틀크롱님.. 그저 빛... 이번 주말에는 꼭 호경쓰 코드 보면서 빡공할 예정입니다.

• 한찬호

  • 전용후 : 어쩌다 보니 찬호가 데이터베이스 쪽을 많이 관리하게 된 것 같은데 찬호가 없었더라면 우리 프로젝트의 기능 중 절반이 없었던 것이지 않을까 생각이 들고, 열심히 공부해서 우리 프로젝트에 녹여주려는 모습들이 본받고 싶습니다. 고생 많았어~~~
  • 채호경 : 좀 미안한 부분이 제가 백엔드 코드를 너무 대충 만들고 방치를 한 것 같네요. 다음주에는 더 많이 얘기해보면서 개선해봅시다. 그리고 로그인/회원가입 쪽 버그도 잡아봅시다. 이번주도 여러모로 많은 도움이 되었습니다.
  • 황정빈 : 찬호.. 우리 팀의 DB 수호신이자너~~ 쿼리 어떻게 짜야되는지 막막했는데, 찬호님 코드 슬쩍슬쩍 보면서 감을 잡았던 것 같아요 하하하 역시 플레티넘 버스기사 든든합니다. 오늘 하루 고생 많으셨고, 좋은 결과 있길 응원합니다! 장하다 김포의 아들! 김포의 미래! 김포의 빛!

• 황정빈

  • 전용후 : 프로필 구현하면서 모르는거 있으면 물어본다고 했는데, 한번인가 두번 밖에 안물어 본걸 보니 사실 정빈이는 쌉고수였던것... 프로필 기능 잘 만들었다고 생각이 들고 잘 모르는 부분들도 열심히 공부해서 기능 구현에 반영하려는 점들이 인상 깊었습니다. 다음주도 화이팅입니다 ㅎㅎㅎ
  • 채호경 : 갑자기 테트리스 코드에서 바깥에 떨어졌는데 베이스가 되는 코드가 별볼일 없던 것 같아서 미안합니다. 아마 좀 괜찮은 코드베이스에서 시작했으면 훨씬 더 생산성이 높았을 것같은데 하지만 그당시의 그게 제 최선이었다는 점을 한번쯤 양해를 부탁드리고, 저를 너무 미워하지는 마세요. 앞으로 더 개선해봅시다.
  • 한찬호 : 제가 처음에 DB 필드를 예약어로 만들어놔서 조금 꼬였던 부분 죄송합니다 ㅠㅠ 저도 디비 쿼리문 길게 써본게 이번이 처음이어서 어려움을 잘 아는데, 하루 동안 공부한 내용들을 보면서 깊게 공부했다는 생각이 들었고 쿼리도 잘 짠것 같습니다. 다재다능한 웹반장 223..

4. 마무리 한 마디

• 전용후 - 기획한 것 중 거의 80% 정도 구현한 것 같은데, 다들 맡은 일을 열심히 해주셔서 가능했습니다. 다음 주 한주도 다같이 화이팅 하고 이번 프로젝트에서 어떤 점을 얻어갈 수 있는지 고민해보면서 함께 발전하는 시간을 만들면 좋겠습니다.
• 채호경 - 다음 주 목표는 마스터 클래스의 코드리뷰 시간을 조마조마해 하지 않기입니다. 다른 건 없습니다. 타입스크립트 공부해올게요.
• 한찬호 - 한 주가 진짜 너무 빠르게 지나갔는데, 다음 주에는 구현하는데 시간을 쏟지않도록 좀 더 구조를 짜는데 신경을 쓰고, 모르는 부분은 그냥 넘어가지 않는 곳에 시간을 쓰겠습니당
• 황정빈 - 벌써 3주나 됐다는게 믿을 수 없다.. 이제 반 밖에 안남았네 다들 화이팅해서 판교에서 회식했으면 좋겠습니당. 제에가 제일 문제인데 열심히 따라가도록 노력할게여

번외. 이번주 그림일기

• 1일차 - 파트별 분담 후, 열심히 작업함!

• 2일차 - 각자 작업하느라 새벽 3시가 넘어서도 모각코하는 중(나만 빼고!)

• 3일차 - 배포 하루 전, 칼퇴!!

• 4일차 - 배포 후 칼퇴!

끝!