실시간 스트리밍 서비스의 모니터링 환경 구축

도입 배경 및 목적

Plum은 mediasoup 기반 실시간 스트리밍과 AI 제스처 인식이 동시에 실행되는 고부하 환경을 포함합니다. 사용자마다 상이한 기기 사양과 네트워크 환경에 따른 성능 병목을 정밀하게 추적하고, 복잡한 회의 생성 과정에서의 사용자 이탈을 방지하기 위해 통합 모니터링 체계를 구축하였습니다.

모니터링 도구 후보군

각 영역별로 Plum의 기술 스택과 가장 시너지가 좋은 도구들을 비교·분석했습니다.

에러 추적 및 디버깅

• Sentry (선정): 실시간 에러 로깅에 특화되어 있으며, 에러 발생 시점의 스택 트레이스, 기기 정보, 브라우저 환경 등을 스냅샷 형태로 제공합니다. 특히 Session Replay 기능을 통해 에러 전후의 사용자 행동을 시각적으로 복기할 수 있습니다.
• LogRocket: 사용자 세션을 실제 영상처럼 재생하는 기능에 강점이 있으며, 네트워크 요청 디버깅 및 DOM 인스펙션 기능을 제공하여 프론트엔드 이슈의 근본 원인을 파악하는 데 특화되어 있습니다.
• Datadog RUM: 인프라 모니터링부터 프론트엔드 사용자 경험까지 엔드투엔드 가시성을 제공합니다. 대규모 분산 시스템에서 로그와 성능 지표를 통합 관리하기에 용이합니다.

제품 및 사용자 분석

• Vercel Speed Insights(선정): Vercel 인프라와 결합되어 별도 설정 없이도 실제 사용자가 경험하는 Core Web Vitals(LCP, CLS, INP) 데이터를 수집합니다. 배포 환경의 성능 변화를 실시간으로 추적하는 데 최적화되어 있습니다.
• Lighthouse: 구글에서 제공하는 오픈 소스 자동화 도구로, 개발 단계에서 페이지의 품질(성능, 접근성, SEO 등)을 시뮬레이션 환경에서 측정합니다.

성능 측정

• Vercel Analytics(선정): 개인정보 보호를 중시하며 쿠키를 사용하지 않고 방문자 수, 유입 경로, OS 등의 통계를 제공합니다. Vercel 대시보드 내에서 즉각적인 트래픽 확인이 가능합니다.
• Mixpanel: 이벤트 중심 분석 도구로, 사용자의 특정 행동(클릭, 가입 등)을 정밀하게 트래킹합니다. 복잡한 유저 여정을 시각화하는 퍼널 분석과 코호트 분석에 강력한 기능을 보유하고 있습니다.
• Google Analytics: 전 세계적으로 가장 널리 쓰이는 마케팅 분석 도구로, 광범위한 사용자 인구통계 데이터와 유입 성과를 측정하는 데 최적화되어 있습니다.

도입 도구 및 선정 이유

위 후보군 중 우리 프로젝트의 기술적 특성(mediasoup, AI 연산)을 고려하여 Sentry, Vercel Analytics, Speed Insights를 최종 채택했습니다.

재현 불가능한 에러의 시각화

미디어 스트리밍과 실시간 제스처 인식은 사용자 기기 성능과 네트워크 가변성에 큰 영향을 받습니다. 텍스트 로그만으로는 파악하기 힘든 '예외 상황'을 Sentry의 Session Replay를 통해 비디오처럼 확인함으로써 디버깅의 정확도를 극대화했습니다.

적은 설정 기반의 성능 최적화

추가적인 SDK 설치나 복잡한 이벤트 코딩 없이도, Vercel 인프라 내에서 배포와 동시에 실사용자 성능 데이터를 확보할 수 있습니다. 이는 개발 공수를 줄이면서도 가장 정확한 필드 데이터를 얻을 수 있는 전략적 선택이었습니다.

고부하 환경에서의 경량성

브라우저 자원을 많이 사용하는 서비스 특성상, 모니터링 도구가 서비스 성능에 악영향을 주어서는 안 됩니다. Vercel 통합 도구들은 외부 스크립트 로드 오버헤드가 매우 적어, 메인 서비스 로직에 가해지는 부담을 최소화합니다.

도구별 역할 분담

참고

• sentry 모니터링 도구 문서
• vercel 모니터링 도구 문서
• vercel 속도 측정 문서
• https://tech.kakaopay.com/post/frontend-sentry-monitoring/
• https://tech.kakao.com/posts/586