미새문지

발표 후 피드백오전에 에러나는 부분을 수정하고 dev 브랜치에 올려서 모두와 공유했다.ppt는 재희님이 이전의 ppt를 참고해 만들어줬고 대본까지 작성해줘서 현우님이 그거 보고 발표 연습을 했다.일단 시연되는 부분은 재희님과 본인이 구현한 소켓 통신 부분과 인우의 웹 캠에서 모션으로 히트 사운드가 나는 기능이다.이 후 1시에 바로 발표하고 피드백 받았다.. 우리가 발표할 때 대기 방에 악기를 선택하는 부분도 넣지 못했고, 인게임을 설명하는 부분에서도 악기에 대한 설명을 보여주는 시각적 효과가 없어서 그런지 설명을 못해서 원장님이 피드백을 주셨다. 지금 뭐라고 설명하는지 알 수가 없다. 사용자가 알기 쉽게 설명을 해줘야 하는데 이게 뭐냐, 효과음으로 넣은 악기 소리도 너무 별로고 지금 이걸 게임에 어떻게 ..

소켓으로 채팅을 구현했다. 프론트에서 채팅 텍스트를 채팅 리스트에 담아 서버로 보내서 저장된 채팅 리스트 데이터를 방에 있는 모두에게 뿌려주는 식으로 작성했다. 이제 강의처럼 실시간으로 채팅이 보이고 소켓 통신의 방식을 조금 이해하여 다른 데이터 통신도 다 바꿔주었다. 채팅 창 구현이 되었기에 노래 변경, 유저 참여 & 유저 퇴장, 준비완료 버튼 등 여러 기능을 구현했다.오늘 하루는 웹 캠을 제외한 대기방의 소켓기능을 다 구현했는데, 웹 캠은 현재 인우가 미디어파이프를 이용해서 모션 인식을 할당 중이고, 현우님은 openvidu?를 이용해서 화상 통신 서버를 배포한다고 했으니 이 부분은 완료되는대로 적용시킬 예정이다. 일단 이렇게 대기방 기능은 거의 다 구현했지만, 제일 중요한 부분인 인게임 부분이 테스..

대기방 재희 듀오로 거의 다 구현방 참여 시 생성된 방의 코드를 이용해 참여하기, 랜덤매치에서 들어갈 방이 있으면 거기로 들어가고 없으면 새로 생성하기, 나갈 때 방 유저 목록에서 본인 제외하기, 노래 선택 시 그 노래로 저장되기 등, 대기방에 연결할 api는 거의 다 구현했다. 이제 남은 부분은 자잘한 기능들과 소켓 통신 부분인데 한번 해봐야 감을 잡을 것 같다. 프론트에서 토큰 안넣어서 인증 오류 이슈오전에 계속 인증에러가 발생해서 프론트 백 둘 다 코드를 뒤져봤는데, 그냥 프론트가 요청보낼 때 토큰을 담지 않아서 발생한 문제였다.팀 프로젝트에서 구성한 기능들은 거의 다 로그인 이후 생성되는 토큰이 있어야 진입이 가능한데 정작 본인이 토큰을 세션에 저장해놓고 헤더에 넣어주질 않았다. 어이없는 실수라 ..

프론트, 백 레포지토리 분리재희님과의 회의를 통해 현우님이 프론트와 백 작업하는 폴더를 레포로 분리해놨다. 이유는 각자 커밋한 이슈로 내용 분류할 때 백은 백 내용만, 프론트는 프론트만 볼 수 있게 하는게 좋지 않겠냐 해서 나누게 됐다. 그리고 전 기수들의 프로젝트를 보니 대부분 프론트와 백을 나눠놨기 때문에 흐름을 따라갔다. 회사에서 자주 쓰인다는 커밋 방식그리고 커밋하는 법에 대해 현우님이 설명해줬는데 이 방식이 회사에서 많이 쓰이는 방식이라고 한번 따라서 해보는게 좋겠다하여 규칙을 추가하게 되었다.각자의 기능을 Feature로 작성하고 Feature 푸시한 것을 Dev로 머지해서 코드를 모은다.기능 구현들이 다 완료되면, Release로 올려 모든 기능을 테스트해보며 이상이 없을 때까지 수정한다.수..

1.https://moonmisae-cdpt.tistory.com/209 웹 소켓(Web Socket) 채팅 앱 만들기 - 클라이언트 서버 연결유튜브의 코딩알려주는누나 영상에서 채팅앱을 만드는 강의를 듣고 작성한다. 코딩알려주는누나 강의 영상: https://www.youtube.com/watch?v=uE9Ncr6qInQ웹 소켓(WebSocket)웹 상에서 양방향 통신을 가능하게moonmisae-cdpt.tistory.com2.https://moonmisae-cdpt.tistory.com/211 웹 소켓(Web Socket) 채팅 앱 만들기 - 유저 로그인코딩알려주는누나 웹소켓 강의 : https://www.youtube.com/watch?v=oFiw5VvgRFg&t=0s 이전 학습 내용:https://..

모션 인식 확인, 로그인 회원가입 연습 확인, 백엔드 api 확인 및 스웨거 제작프로젝트 작업 중 한 번씩 인우가 옆쪽으로 와서 모션 테스트를 한다. 손짓으로 악기를 뚱땅거리는 모션을 취하면서 인식 테스트를 하는데 생각보다 인식이 잘된다. 얼굴 표정부터 비롯해서 전신의 모션을 감지할 수 있기 때문에 어떤 모션을 취할지 좀 자유로워 재밌어보이더라. 테스트하는데 옆에 가서 모션 스켈레톤 뺏어서 장난치고 왔다. 상림이형한테는 로그인 회원가입을 연습시켰다. 기초적인 부분을 할 줄 알면 다른 CRUD도 비슷할 거라 생각하기 때문에 이야기가 쉬울 것 같았다. 좀 더 잘 알려줘야 하는데 본인 할 일도 하면서 알려주려고 시간 투자하는게 여간 쉬운게 아닌 것 같다. 본인이 잘했으면 어느정도 여유가 생겨 도와줄 텐데, 모..

팀별 진행상황 확인각자 전날까지 어떻게 작업중인가 혹은 어떤걸 학습 중인가 공유했다.재희님은 화면의 기본적인 api를 작성중이였고 현우님은 도커를 이용해 우리가 작업한 코드들을 자동업로드로 배포되게 만든다고 했다. 그리고 인우는 텐서플로우 미디어파이프를 이용해 모션을 어떻게 잡아낼지 고민하고 있었다. 상림이형은 로그인 회원가입 백엔드랑 통신하는 코드를 학습 중이였다. 그리고 현우님이 상림이형의 진행상황을 잘 확인해달라고 해서 상림이형 어디까지 진행중인지 코드 잘 짜고있는지 확인을 자주자주 하기로 했다. 그리고 폴더 구조 관련해서 현우님 재희님 본인해서 셋이 회의를 좀 가졌는데, 현재 우리 프로젝트는 현우님이 만든 정글 4기 organization에 있고 그 안에 한 레포로 frontend와 backend..

피피티 완성해서 현우님한테 발표 연습 시키기기존에 만든 피피티에 기술적 챌린지와 기획 의도를 수정해서 현우님한테 줬다.기획의도는 조금 억지스럽긴 한데 실제로 노래를 좋아하는 팀원들이 많고 리듬게임도 좋아하는 팀원도 있어 어느정도 참작된다.기술적 챌린지는 실제로 우리와 비슷한 기술을 구현한 전 기수 분들의 프로젝트를 보며 필요한 챌린지를 가져왔다.1번 챌린지는 실시간으로 동시에 캠들이 보여져야 하고 영상이나 노래를 실행하는 등의 여러 가지 부하가 발생하기 때문에 백엔드가 많이 힘들거라 프론트에서 처리 가능한 부분은 프론트에서 대신 처리해 백엔드가 레이턴시 해결에 집중할 수 있게 할 예정이다. 2번 챌린지는 레이턴시 문제로 인한 딜레이와 판정 처리 등을 웹 캠 인원을 개별로 나눠서 각각 부하를 나눠갖는 식으..