크래프톤 정글 week15, day111 - 현재 팀원의 작업 상황, 프론트엔드 업무 분담, 소켓 학습

모션 인식 확인, 로그인 회원가입 연습 확인, 백엔드 api 확인 및 스웨거 제작

프로젝트 작업 중 한 번씩 인우가 옆쪽으로 와서 모션 테스트를 한다. 손짓으로 악기를 뚱땅거리는 모션을 취하면서 인식 테스트를 하는데 생각보다 인식이 잘된다. 얼굴 표정부터 비롯해서 전신의 모션을 감지할 수 있기 때문에 어떤 모션을 취할지 좀 자유로워 재밌어보이더라. 테스트하는데 옆에 가서 모션 스켈레톤 뺏어서 장난치고 왔다.

 

상림이형한테는 로그인 회원가입을 연습시켰다. 기초적인 부분을 할 줄 알면 다른 CRUD도 비슷할 거라 생각하기 때문에 이야기가 쉬울 것 같았다. 좀 더 잘 알려줘야 하는데 본인 할 일도 하면서 알려주려고 시간 투자하는게 여간 쉬운게 아닌 것 같다. 본인이 잘했으면 어느정도 여유가 생겨 도와줄 텐데, 모르는 것들 투성이고 코드 짠 부분도 본인이 짜던 구조와 너무 달라 설명해주기가 힘들었다. 그래도 오는 질문에는 다 답변하고는 있어서 그럭저럭 잘 도와주는 것 같기도..

 

재희님 쪽은 전날에 했던 api 연동을 이어서 다른 페이지의 api를 받아오는지 확인했다. 어느정도 잘 작동되는 것 같았는데 저녁에 재희님이 유저의 즐겨찾기 노래를 불러오는 api에서 세션에 로그인한 유저의 정보를 받아봐야 한다고 해서 로그인 구현에 세션을 추가해서 작성했다. 근데 클라우드로 DB를 띄우기 전까지 되던게 갑자기 안되기 시작했다. 혹시나 또 클라우드 때의 문제인가 해서 확인해봤으나 그 문제는 아닌 것 같았고 원인을 찾던 중 세션 자체에 안담기는 것을 발견했다. 현재 코드에선 백엔드에서 세션에 담아주는걸로 작성되어있으나, 이걸 프론트에서 세션에 담아주는 걸로 바꿨더니 바로 성공했다. 백엔드에서 세션에 담는 코드가 뭔가 잘못된건가 왜 안된지 잘 모르겠지만 재희님이 일요일에 집가서 해결해온다 했으니 기둘려야지

그리고 현우님의 요청에 재희님이 현재 api들의 목록을 보여주는 스웨거를 작성해주기로 했다.

---

현우님과 회의하며 프론트엔드 업무 나누기

전날에 현우님한테 프론트엔드 업무를 어떻게 분리해야 하나 요청해서 잠시 현우님이 프론트 셋을 모아서 회의했다.

프론트 업무 분담

우리의 메인 기능은 리듬게임 인게임과 웹 캠 모션인식, 채팅 기능인데 일단 모션인식은 인우가 맡아서 테스트하고 있어서 인우는 모션인식을 메인으로 맡았고, 본인은 기존에 재희님과 api기능을 테스트하고 있었기 때문에 그냥 화면 UI/UX부분과 api부분은 다 해보려고 했었다. 근데 현우님이 메인 기능에 맞게 중요한 웹 소켓 부분을 담당해달라고 하셔서 웹 소켓을 학습하기로 했다. 

그에 따른 본인의 기능 구현은 실시간 채팅 구현, 실시간 웹 캠 연동, 인게임 부분을 맡게 되었다. 그 외 페이지의 UI/UX, api 부분은 전부 상림이형쪽으로 넘어갔다. 그래도 상림이형 로그인, 회원가입 잘 하고 있으니까 api쪽은 충분히 다 할 수 있을 것 같다.

---

채팅 및 실시간 게임을 위한 소켓 공부

https://moonmisae-cdpt.tistory.com/209

웹 소켓(Web Socket) 채팅 앱 만들기 - 클라이언트 서버 연결

유튜브에 코딩알려주는누나 유튜버가 소켓에 대해 설명해주길래 강의 들으면서 학습했다. 채팅앱을 구현하기 위한 강의가 쪼개져 있어 한 파트씩 학습하기로 했다. 오늘 학습한 내용은 소켓연동을 위해 백엔드와 프론트엔드 코드 작성이였다.

 

학습 시간 : 10 ~ 24시