🚙 현대자동차그룹 신차 출시 이벤트 🚙

🎯 목표

: 현대자동차그룹의 신차 출시를 가정한 대고객 이벤트 페이지 설계 및 구현.
고객이 신차에 흥미를 느끼고, 지속적인 관심을 가질 수 있도록 다양한 참여형 이벤트를 제공.

✨ 필수 포함 기능

• 선착순 + 추첨 이벤트

  • 트래픽 폭주 상황을 가정하여, 다수의 사용자 요청을 안정적으로 처리할 수 있도록 구현

• 어드민 기능

  • 이벤트 오픈/종료 시간 설정
  • 선착순 당첨 인원 수 설정
  • 당첨자 추첨 및 당첨자 목록 조회

• 한줄 기대평 댓글 작성, 공유하기(단축 URL) 기능 등

🔗이벤트 주제 및 필수 기능

[4조] 실시간 웹소켓 기반 캐스퍼 레이싱 이벤트

트래픽에 효과적으로 대응하기 위해 web-app과 socket-app으로 분리하여 개발하였습니다.
아래 내용은 socket-app을 중심으로 작성되었습니다.
🔗web-app 프로젝트

캐스퍼 레이싱	실시간 기대평

✨ 이벤트 개요

• 캐스퍼 레이싱 게임 🏁

  • 간단한 유형 검사를 통해 팀을 배정받고, 충전 버튼을 클릭하여 자신이 응원하는 팀의 자동차를 움직이는 실시간 경쟁형 이벤트입니다.

• 실시간 기대평 💬

  • 사용자가 자신이 응원하는 팀을 위해 응원 메시지를 주고받을 수 있도록 설계된 채팅 시스템입니다.

✨ 이벤트 특징

1. 실시간 상호작용

   • 모든 유저의 클릭 및 채팅이 즉시 화면에 반영됨. 게임 진행 상황, 순위 변화, 채팅을 실시간으로 확인 가능.
   • 새로고침 없이도 화면이 계속 업데이트 됨.

2. 기대평 필터링

   • 관리자는 어드민 페이지를 통해 욕설 및 부적절한 표현 실시간 필터링 가능.

[Socket App] 프로젝트

🎯 주요 목표

1. 웹소켓을 통한 실시간 이벤트 기능 구현

   • 캐스퍼 레이싱 게임 및 기대평 채팅 시스템을 웹소켓 연결을 통해 구현한다.

2. 고가용성 아키텍처 설계 및 구현

   • 대규모 트래픽에도 안정적인 서비스를 제공할 수 있는 고가용성 아키텍처를 설계하고 구현한다.

⛭ 기술 스택

🛠️ 백엔드 아키텍처

✨ 아키텍처 특징

1. 로드 밸런싱 / 오토스케일링 및 트래픽 분산

2. 서비스 분리

• 

• 트래픽 특성이 다른 두 이벤트(선착순, 실시간)를 분리하여 독립적으로 오토스케일링 적용

3. Message Broker

• 

• Redis를 통한 Pub/Sub 패턴 적용. 분산 서버 환경에서 실시간 데이터 동기화

---

멤버

직책	담당	이름	github id	취미
팀장	FE	김보민	@nimod7890	코딩
팀원	FE	성락현	@racgoo	명상
팀원	BE	장준하	@jun-ha	코딩
팀원	BE	배진환	@bjh3311	서브웨이

시연 영상

• 🔗Youtube

이슈관리

• 🔗Jira

회의록

• 🔗Notion

위키

• 🔗Github wiki