캠건너불구경: 실시간 투표로 판정되는 화상 채팅 기반 논쟁 배틀 서비스

⏰ 개발 기간

• 2025.01.06~2025.01.26 (3주) 기획, 설계
• 2025.01.27~2025.02.21 (4주) 개발

💡기획 배경

누구나 살아가면서 주변 사람들과 논쟁을 하게 됩니다. 가벼운 밸런스 게임부터 인간관계에서 부딪히는 문제까지, 사람들은 서로 다른 의견을 주장하며 상대를 설득하려 합니다. 하지만 의견 조율이 되지 않고, 오랜 시간 논쟁을 진행할 때도 있습니다. 이런 경우 제삼자의 의견을 통해서 서로의 입장을 조율 하기도 합니다.

논쟁을 통해 서로 더 가까워지고, 보다 즐겁게 해결하기 위해서 실시간 판정단 시스템이 결합된 화상 채팅 기반 논쟁 배틀 서비스를 기획했습니다.

🎯 목표 및 주요 기능

1. 건설적인 토론 문화 형성
   1. 논쟁의 흐름을 정리하고 감정 분석을 통해 객관적인 피드백을 제공하는 발화 분석 리포트 제공
   2. 감정적인 충돌을 막고 건강한 토론 문화를 위해서 채팅창 및 투표 커뮤니티에 욕설 필터링 도입
2. 재미있게 논쟁하기
   1. 판정단도 논쟁에 즐겁게 참여할 수 있도록 투표 시 응원점수 배팅 및 획득 시스템 도입
   2. 다른 사람들의 생각이 궁금하거나, 가벼운 논쟁을 위한 투표 커뮤니티 도입

순화

<aside> 📢

• OpenVidu 3, Stomp & SockJS 활용 실시간 화상 논쟁 배틀방 구현
• 발화 분석 리포트를 위한 React Speech Recognition 기반 STT 구현
• 상점 시스템 구현
• 사용자 경험 최적화를 위한 UI/UX 설계 및 개발 </aside>

🎮 배틀 플랫폼 구현

• React, OpenVidu 3를 활용한 실시간 화상 논쟁 게임방 개발
  • 배틀 대기실 및 실시간 배틀 모드 화상 통신 기능
  • 역할 별(방장, 참가자, 배틀러, 판정단) UI 차별화
• Stomp & SockJS를 활용한 실시간 양방향 통신 구현
  • 배틀 대기실 → 배틀 모드 화면 전환
  • 실시간 채팅, 판정단 투표, 시간 구매 등 웹소켓 기반 기능

🗣️ 발화 인식 및 처리 시스템

• React Speech Recognition을 활용한 STT(Speech-to-Text) 구현
  • 배틀 진행 중 음성 텍스트 변환
  • 발화 분석 리포트를 위한 React Speech Recognition 기반 STT 구현

🏪 상점 시스템

• 아이템 및 포인트 관리
  • 보유 아이템/포인트/응원점수 조회
  • 아이템 구매 및 효과음 미리듣기
• 환전 시스템
  • 응원점수-포인트 환전 기능
  • 실시간 인벤토리 업데이트