Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

우아한 디버깅 툴 2부: 좀 더 편하게 일하기 위한 개선들

우아한형제들 favicon우아한형제들·Frontend·
WebViewWebSocketSession ReplayChrome DevTools Protocolrrweb
2025년 10월 23일24

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

우아한형제들이 Session Replay 기반 QA 도구를 도입해 이슈 재현과 기록 공유를 자동화하고, rrweb 플레이어와 CDP 연동으로 개발자 피드백 속도를 높였습니다.

주요 특징

  • rrweb 플레이어로 재생 속도, 남은 시간 등 영상 재현 제어가 가능
  • 기록 데이터를 CDP 포맷으로 정제해 서버에 저장하고 기록방의 Session Replay 탭에서 조회
  • 네트워크 기록과 영상 재현을 자동화해 재현 비용을 절감: 36초 영상에서 1500건의 이벤트, 1.4MB 데이터
  • Slack DM과 구글 시트를 통한 기록 공유/티켓 생성 자동화 및 디바이스-유저 매핑 지원

적용 고려사항

  • 대량 데이터 관리와 보안/프라이버시 이슈 점검
  • Admin 페이지로 템플릿·사용자 관리 및 운영 비용 고려

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
No Image
83%

우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기

우아한형제들 favicon우아한형제들·2025년 10월 23일
No Image
72%

잃어버린 접근성을 찾아서

우아한형제들 favicon우아한형제들·2025년 12월 05일
No Image
72%

JavaScript Proxy를 활용한 상태 추적 도구 개발기

우아한형제들 favicon우아한형제들·2025년 06월 10일