rrweb - 웹용 레코드 & 리플레이 디버거

• 사용자 인터랙션을 녹화하여 다시 재생해주는 도구
• 3가지 요소로 구성됨
  • rrweb-snapshot : Snapshot & Rebuild
    • 스냅샷: DOM과 그 상태를 고유 식별자를 가진 직렬화 가능한 데이터 구조로 변환
    • 리빌드: 스냅샷을 해당 DOM으로 다시 빌드
  • rrweb : Record & Replay
    • 레코드: DOM의 모든 변화를 기록
    • 리플레이: 기록된 모든 변화를 타임스탬프에 따라 하나씩 재생
  • rrweb-player : rrweb을 위한 플레이어 UI. 멈춤, 빨리감기, Drag & Drop 을 지원