Realtime Analytics Dashboard

프로젝트 개요

스타트업과 중소기업을 위한 실시간 비즈니스 분석 대시보드입니다. 복잡한 BI 도구 없이도 매출, 사용자 행동, 서버 성능 등 핵심 지표를 실시간으로 확인하고 분석할 수 있습니다.

주요 기능

실시간 데이터 스트리밍

WebSocket 연결을 통해 서버에서 클라이언트로 데이터를 실시간 푸시합니다. 데이터 변경 시 차트가 부드러운 애니메이션과 함께 즉시 업데이트됩니다.

@app.websocket("/ws/metrics/{dashboard_id}")
async def metrics_stream(websocket: WebSocket, dashboard_id: str):
    await websocket.accept()
    async for metric in metric_stream(dashboard_id):
        await websocket.send_json(metric.dict())

커스텀 위젯 시스템

드래그 앤 드롭으로 대시보드 레이아웃을 자유롭게 구성할 수 있습니다. 라인 차트, 바 차트, 파이 차트, KPI 카드, 테이블 등 다양한 위젯 타입을 지원하며, 각 위젯의 데이터 소스와 시각화 옵션을 세밀하게 조정할 수 있습니다.

알림 시스템

임계값을 설정하면 KPI가 특정 범위를 벗어날 때 Slack, 이메일, 웹 푸시로 즉시 알림을 받을 수 있습니다. 알림 규칙은 AND/OR 조합으로 복잡한 조건도 설정 가능합니다.

기술 스택

• 프론트엔드: React 19, TypeScript, D3.js, react-grid-layout
• 백엔드: Python, FastAPI, WebSocket
• 데이터베이스: PostgreSQL, TimescaleDB (시계열 데이터)
• 메시지 큐: Redis Pub/Sub
• 배포: AWS ECS, CloudFront

성과

• 50ms 이내 데이터 반영 지연시간 달성
• 동시 접속 500+ 사용자 지원
• 대시보드 로딩 시간 1.2초 이내