개요

Project information

  • Title: 리듬네컷
  • Role: Front-End
  • Stack: JavaScript, React, HTML/CSS, Redux, WebRTC, WebSocket
  • Summary: WebRTC를 사용한 화상 노래방 및 인생네컷을 사용한 추억의 쟁반노래방 게임
  • Project date: 2023.07.04 ~ 2023.08.18

주요 구현사항

음악

화상 노래방

WebRTC 기능을 사용하여 화상으로 다른 유저들과 함께 노래를 부를 수 있는 노래방 기능

음악

인생 네컷

게임 중 특정 순간에 사진을 찍어 사용자의 멋진 순간을 포착합니다. 이를 통해 사용자는 자신의 플레이를 추억할 수 있습니다.

담당역할

마이페이지

  • 마이페이지의 디자인부터 페이지 틀 구현
  • axios통신을 통해 서버에서 유저의 개인 정보, 친구 정보, 사진 정보 등을 받아와 나타냈습니다.
  • 유저의 개인 정보들을 redux에 저장하여 마이페이지에서 저장한 데이터들을 불러왔습니다.

WebSocket

  • 친구 추가, 친구 초대, 게임 영상 싱크 문제들을 WebSocket 통신을 사용하여 실시간으로 서버와 통신하여 클라이언트에게 보여지도록 했습니다.

성과&회고

프로젝트 성과

  • GitLab을 사용하여 Git에 대한 이해 높임
  • React.js를 통한 협업 방식 이해 및 컴포넌트 통합
  • React.js와 JavaScript로 사이트 구성 및 페이지 완성
  • Redux를 사용한 데이터 관리
  • WebSocket을 통한 실시간 통신 구현

프로젝트 리뷰

  • 첫 팀 작업 경험 및 시간 관리의 중요성 깨달음
  • 애자일 방법론을 통한 효율적인 프로젝트 관리 계획
  • React.js의 신속한 학습 및 적용을 통한 기술 습득 능력 향상