Observer
완벽한 애플리케이션 관측성
사용자 여정부터 성능 메트릭까지, Observer는 애플리케이션의 모든 측면을 실시간으로 추적하고 분석합니다. OpenTelemetry 표준을 기반으로 한 강력하고 확장 가능한 관측 솔루션입니다.
실시간 메트릭 모니터링과 시각화
Grafana와 완벽하게 통합되어 실시간 메트릭을 아름답고 직관적인 대시보드로 시각화합니다
실시간 추적
밀리초 단위의 지연 시간으로 메트릭을 실시간 수집 및 표시
커스텀 대시보드
비즈니스 요구사항에 맞는 맞춤형 대시보드 구성
알림 시스템
임계값 기반 알림으로 문제를 사전에 감지
사용자 여정을 한눈에 추적하세요
User Journey는 웹 애플리케이션에서 사용자의 네비게이션 세션과 활동을 자동으로 추적하는 강력한 계측 도구입니다. 사용자의 페이지 이동과 상호작용을 의미 있는 컨텍스트로 그룹화하여 실제 사용자 경험을 시각적으로 분석할 수 있습니다.
자동 세션 추적
URL 변경과 사용자 활동을 자동으로 감지하여 journey span 생성
Idle 감지
설정 가능한 idle 시간 이후 자동으로 journey 종료
컨텍스트 그룹화
하나의 journey 내에서 발생하는 모든 계측을 연결
시각화 지원
페이지 체류 시간, 이벤트 발생 등을 시각화할 수 있는 데이터 구조
추적되는 주요 메트릭
데모 영상 하이라이트
- • 실시간 사용자 경로 추적
- • 페이지별 체류 시간 시각화
- • 이벤트 발생 타임라인
- • 세션 분석 대시보드
강력한 계측 기능
Observer는 OpenTelemetry 기반의 다양한 계측 기능을 제공하여 애플리케이션의 모든 측면을 상세하게 모니터링할 수 있습니다
User Journey
사용자의 네비게이션 세션과 활동을 자동으로 추적하여 사용자 여정을 분석합니다
- •자동 세션 추적
- •Idle 감지
- •컨텍스트 그룹화
- •시각화 지원
Exception Tracking
브라우저와 Node.js 환경의 예외 및 에러를 자동으로 캡처하고 추적합니다
- •JavaScript 에러 감지
- •Promise rejection 추적
- •Stack trace 수집
- •에러 컨텍스트 포함
Web Vitals
웹 성능 지표(LCP, FID, CLS, FCP, TTFB)를 측정하고 모니터링합니다
- •Core Web Vitals 측정
- •실시간 성능 모니터링
- •사용자 경험 점수
- •성능 최적화 인사이트
User Interaction
클릭, 입력, 스크롤 등 사용자 상호작용을 추적합니다
- •클릭 이벤트 추적
- •폼 상호작용 모니터링
- •스크롤 행동 분석
- •UI 요소 사용 패턴
Network Monitoring
XHR, Fetch, WebSocket 등 네트워크 요청을 모니터링합니다
- •HTTP 요청 추적
- •WebSocket 연결 모니터링
- •응답 시간 측정
- •에러율 분석
Document Load
페이지 로딩 과정과 리소스 타이밍을 상세하게 추적합니다
- •DOM 로딩 시간
- •리소스 타이밍
- •페이지 렌더링 메트릭
- •크리티컬 패스 분석
Page Visibility
페이지 가시성 변화와 사용자 포커스 상태를 추적합니다
- •탭 전환 감지
- •포커스/블러 이벤트
- •세션 시간 측정
- •활성 사용 시간
Long Task
50ms 이상의 긴 작업을 감지하여 성능 병목을 식별합니다
- •메인 스레드 블로킹
- •렌더링 지연 감지
- •작업 시간 측정
- •성능 영향 분석
Connectivity
네트워크 연결 상태와 변화를 실시간으로 모니터링합니다
- •온/오프라인 감지
- •연결 유형 추적
- •네트워크 속도 측정
- •연결 안정성 분석
Console Logging
콘솔 로그와 경고, 에러를 자동으로 캡처합니다
- •console.log 캡처
- •경고 및 에러 추적
- •디버그 정보 수집
- •로그 레벨 필터링
Socket.IO Client
Socket.IO 클라이언트 연결과 이벤트를 추적합니다
- •연결 상태 모니터링
- •이벤트 추적
- •메시지 페이로드 캡처
- •재연결 시도 추적
Post Document
페이지 로드 후 동적 컨텐츠 변경을 추적합니다
- •DOM 변경 감지
- •동적 컨텐츠 로딩
- •SPA 라우팅 추적
- •지연 로딩 모니터링