누구나 가볍게 참여하고 자연스럽게 대화를 이어갈 수 있도록 돕는,
부담 없는 음성 기반 소셜 서비스

    

온라인에서 대화를 시작하는 일은 생각보다 어렵습니다.
접속 과정은 번거롭고, 대화는 쉽게 끊기며, 모두가 함께 즐기기에는 부담이 있습니다.

• 설치나 설명이 필요한 서비스는 즉흥적인 만남에 어울리지 않습니다.
• 단순한 음성 채팅만으로는 어색한 침묵을 넘기기 어렵습니다.
• 복잡한 콘텐츠는 참여 장벽을 높여 대화에서 이탈하는 사람을 만듭니다.

은!

가볍게 들어와 부담 없이 이야기하고,
필요할 때는 작은 게임으로 자연스럽게 대화를 이어갈 수 있는 공간을 목표로 합니다.

1. 간편한 소셜 로그인

   복잡한 회원가입 절차 없이, 사용하던 GitHub 나 Google 계정으로 클릭 한 번에 바로 시작할 수 있습니다.

2. 텍스트 채팅

   2-1. 전체 채팅

   대화방에 들어가지 않아도, 서비스에 접속한 모든 사람들과 소통할 수 있는 열린 공간입니다.

문제 해결 과정이 궁금하다면?

 최근 채팅 내역 중복 노출 문제

   2-2. 대화방 채팅

   관심 있는 주제의 방에 들어가 새로운 사람들과 인연을 맺거나, 친구들과 우리만의 아지트를 만들어보세요.

결정 사항이 궁금하다면?

 채팅방 HTTP, WebSocket 책임 정의

3. 음성 채팅

   실시간 텍스트 채팅은 물론, WebRTC 기반의 선명한 음성 채팅으로도 소통할 수 있습니다.

결정 사항이 궁금하다면?

 Redis Mediasoup 데이터 구조 전략

4. 미니게임

   대화가 끊겨 어색한 순간, 간단한 미니게임으로 분위기를 전환해보면 어떨까요?
   게임 점수에 따라 실시간으로 업데이트되는 랭킹 시스템을 통해 다른 유저들과 경쟁하며 새로운 재미를 찾아보세요.

  

  

  

  

  

  

이런 문서도 있어요!

 랭킹 페이지 표시 방식

 게임 기록 저장 로직 최적화

 음성 채팅 기능 성능 개선

5. 안전한 대화 환경

   모두가 즐겁게 대화할 수 있도록, 비속어 필터링과 강제 퇴장 기능으로 쾌적한 커뮤니티를 만들어갑니다.

  


  

결정 사항이 궁금하다면?

 비속어 필터링 로직

저희 프로젝트에 대한 더 자세한 정보는 아래 Wiki 또는 Notion 에서 확인할 수 있어요.

• 기획서
• 디자인 시스템
• 폴더 구조
• 컴포넌트 설계 철학
• 컴포넌트 구조
• 도메인별 기술 문서 인덱스
• API 명세
• DB Schema
• 이슈 해결 과정
• 논의 및 결정 사항

🖥️ Frontend

🏗️ Backend

🗄️ Database

☁️ Infra / DevOps

⏳ Real-time Media

🔐 Auth

🤝 Collaboration

설치 및 실행

# 저장소 클론
git clone https://github.com/boostcampwm2025/web26-2Ryuk.git

# 프로젝트 루트로 이동
cd web26-2Ryuk

# 전체 워크스페이스 의존성 설치 (monorepo)
pnpm install

# 프론트엔드 개발 환경 변수 설정
cp fe/env.development.sample fe/.env.development

# 백엔드 개발 환경 변수 설정
cp be/env.development.sample be/.env.development

# 개발 서버 실행 (Frontend + Backend)
pnpm run dev

# 데이터베이스 마이그레이션 실행
pnpm run migration:run

환경변수

• fe/env.development.sample

NEXT_PUBLIC_API_URL=ws://localhost:4000
NEXT_PUBLIC_SITE_URL=https://moolbangwool.duckdns.org
NEXT_PUBLIC_API_SERVER_URL=http://server:4000

• be/env.development.sample

# MySQL
DB_HOST=db
DB_PORT=3306
DB_USERNAME=root
DB_PASSWORD=1234
DB_NAME=db_name
MYSQL_ROOT_PASSWORD=1234

# Redis
REDIS_HOST=redis
REDIS_PORT=6379

# Server
NODE_ENV=development
PORT=4000
FRONTEND_URL=http://localhost:3000

# Mediasoup
MEDIASOUP_LISTEN_IP=0.0.0.0
MEDIASOUP_ANNOUNCED_IP=127.0.0.1
MEDIASOUP_RTC_MIN_PORT=20000
MEDIASOUP_RTC_MAX_PORT=20020

# Access Token
JWT_ACCESS_SECRET=access-token-secret
JWT_ACCESS_EXPIRES_IN=15m

# Refresh Token
JWT_REFRESH_SECRET=refresh-token-secret
JWT_REFRESH_EXPIRES_IN=30d

# Common OAuth
BACKEND_BASE_URL=http://localhost:4000

# Github OAuth
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=

# Google OAuth
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

운명처럼 모인 4명의 개발자가 26(이륙) 이라는 이름 아래,
함께 더 높은 곳으로 비상하겠다는 의미를 담았습니다.

팀원 구성

J060_김윤영	J167_윤수연	J288_허우솔	J289_현승준