체육대회 참가자와 관중이 실시간 경기 결과, 대진표, 스트리밍을 확인하고, 라이브 채팅을 통해 소통할 수 있는 웹 애플리케이션입니다.
기존 체육대회의 경기 일정과 경기 결과를 확인하기 어려운 문제를 해결하기 위해 개발되었습니다.
프로젝트는 백엔드 4명, 프론트엔드 2명으로 구성된 팀이 진행했으며, 저는 로깅 시스템 구축, 프론트엔드 개발, 인프라 설계를 담당했습니다.
또한, 라이브 스트리밍 환경을 구축했습니다.
실시간 경기 결과 반영을 위해 Redis Pub/Sub을 활용하였으며, API 요청 수를 줄이기 위해 데이터 캐싱을 적용하였습니다.
WebSocket을 활용한 실시간 경기 알림 및 채팅 기능을 추가하여 사용자 경험을 개선하였습니다.
프론트엔드는 React를 기반으로 개발하였으며, 백엔드와의 API 통신을 효율적으로 처리하기 위해 Axios + Redux Toolkit을 활용하였습니다.
로그 분석 및 에러 추적을 위해 AOP 기반 로깅 시스템을 적용하고, 실시간 모니터링을 위해 Prometheus + Grafana 대시보드를 구축하였습니다.
AWS EC2와 S3 + CloudFront를 활용하여 정적 페이지 배포 및 서버 부하를 최적화하였습니다.