Bug Report Recorder Pro - Screen Recorder for Bug Reports

동영상, 콘솔 로그, 정리된 재현 단계를 공유 가능한 단일 HTML 파일에 담아 Jira, Linear, GitHub에 바로 보낼 수 있습니다.

Bug Report Recorder Pro는 망가진 웹 세션을 개발자가 바로 쓸 수 있는 리포트로 바꿔줍니다. Start를 클릭하고, 문제를 재현한 다음, Stop을 클릭하면 화면 녹화, 콘솔 출력, 네트워크 호출, 깔끔한 재현 단계 타임라인이 묶인 휴대용 HTML 파일을 얻을 수 있습니다. 첫 리포트에는 계정이 필요 없습니다. 자동 업로드도 결코 없습니다. ### 🚀 개발자들이 사랑하는 이유 "스테이징에서 안 됩니다"는 버그 리포트가 아닙니다. 모호한 티켓은 버그 자체보다 비용이 더 큽니다. 이 확장 프로그램은 개발자가 실제로 필요로 하는 모든 것을 하나의 워크플로우로 캡처해 그 악순환을 끊습니다. 동영상, 콘솔, 네트워크, 그리고 거기에 이르게 된 단계까지. 결과 HTML을 Jira, Linear, GitHub, Slack에 넘기면 주고받는 핑퐁을 건너뛸 수 있습니다. ### ⚡ 무료 플랜에 포함된 모든 것 - ✓ 월 5건의 저장 리포트, 계정 없이도 전체 워크플로우 사용 가능 - ✓ 탭, 창, 전체 화면 녹화, 마이크 옵션, 최대 10분 - ✓ 녹화 상태가 항상 명확하도록 빨간 테두리와 타이머 표시 - ✓ 심각도 태그(log, info, warn, error)와 타임스탬프가 포함된 콘솔 캡처 - ✓ 네트워크 캡처(URL, 메서드, 상태, 타이밍), 기본적으로 본문은 제외 - ✓ 세션 중 사용자 동작에서 자동 생성되는 재현 단계 타임라인 - ✓ 기본 PII 마스킹: 비밀번호, 토큰, 쿠키, 신용카드 모양 필드 - ✓ 우리 서비스 없이도 어떤 브라우저에서나 열리는 원클릭 HTML 내보내기 ### 🔓 Pro에서 해제되는 기능 - ✦ **무제한 리포트**: 월 5건 한도를 없애 매일 쓰는 도구로 확장 - ✦ **호스팅 공유 링크**: 로그인 없는 뷰어 접근과 30, 60, 90일 자동 삭제가 가능한 짧은 URL - ✦ **Jira 내보내기**: 리포트, 재현 단계, 환경, 콘솔 출력을 한 번에 Jira로 푸시 - ✦ **Linear 내보내기**: Linear에도 동일한 원클릭 흐름, 네트워크 첨부 포함 - ✦ **GitHub 내보내기**: 본문, 라벨, 담당자가 미리 채워진 상태로 어떤 저장소에든 이슈 생성 - ✦ **사용자 정의 마스킹 프로파일**: 기본값 위에 얹는 프로젝트별 정규식 규칙 - ✦ **멀티 세그먼트 세션 리플레이**: 간헐적 버그를 위해 3개 클립과 5개 스크린샷을 하나의 리포트로 묶음 - ✦ **내보내기 시 포맷 선택**: 동영상용 mp4, webm 또는 애니메이션 webp ### 🎯 누구를 위한 도구인가 QA 테스터, 고객 이슈를 쫓는 지원팀, 베타 피드백을 분류하는 PM, 클라이언트에게 버그 제출 수단을 제공하는 에이전시, SaaS 창업자, 그리고 콘솔과 네트워크가 함께 묶인 환경을 원하는 개발자. "스크린샷 보내주세요"가 일주일에 두 번 이상 등장한다면 가치를 합니다. ### 🛠️ 사용 방법 1. 확장 프로그램을 툴바에 고정하고 아이콘을 클릭하세요 2. Tab, Window, Screen 중에서 선택하고 마이크를 켜거나 끄고 Start를 누르세요 3. 콘솔과 네트워크 캡처가 동시에 실행되는 동안 버그를 재현하세요 4. Stop을 누르세요. 모든 것이 하나의 HTML 파일에 묶입니다 5. 검토하고 수정한 다음 로컬로 내보내거나 Pro에서 Jira, Linear, GitHub로 푸시하세요 ### 💡 실제 사용 사례 - → QA 테스터가 스테이징에서 회귀를 점검하고, 도구가 트리거가 된 클릭과 함께 실패한 AJAX 호출을 잡아냄 - → 지원 담당자가 고객 흐름을 녹화하고, 콘솔 캡처가 고객이 언급한 적 없는 숨겨진 500 에러를 드러냄 - → PM이 불안정한 결제 흐름의 동영상을 제출하고, 네트워크 로그가 서드파티 스크립트의 타임아웃을 보여줌 - → 창업자가 외주 개발자에게 단계가 미리 채워진 완전한 재현을 보냄 - → 에이전시가 클라이언트에게 버그 제출 수단을 제공. 한 번의 클릭으로 리포트가 자동으로 Linear에 도착 - → 프런트엔드 개발자가 DevTools를 연 상태로 함께 써서 더 풍부한 타임라인을 얻음 - → QA 리드가 "재현 단계, 환경, 콘솔이 포함되어야 한다"는 규칙을 이미 충족하는 Jira 티켓을 푸시 ### 🔒 검증 가능한 프라이버시 녹화는 명시적이며 로컬 우선입니다. 백그라운드에서 시작되지 않고, 자동 업로드도 없으며, Pro에서 Share를 누르지 않는 한 우리 서버에 연결되지 않습니다. 마스킹 패스는 내보내기 전에 비밀번호, Authorization 헤더, 쿠키, X-Auth-Token 스타일 사용자 정의 헤더, 신용카드 모양 패턴을 제거합니다. 마스킹 소스는 압축이 풀린 확장 프로그램에서 감사할 수 있습니다. Manifest V3, 원격 코드 없음, 분석 SDK 없음. ### 📊 성능 및 벤치마크 팝업은 50ms 이내에 열립니다. 콘솔 버퍼링은 세션 중 CPU 사용량 2퍼센트 미만, 5분짜리 클립에서 메모리 50MB 미만입니다. 동영상 청크는 2초마다 IndexedDB에 기록되므로 탭이 충돌해도 잃는 영상은 최대 2초입니다. 일반적인 내보낸 HTML은 2분짜리 1080p 클립 기준 4~12MB입니다. 콜드 스타트에서 첫 프레임 녹화까지는 800ms 미만입니다. ### 🆚 대안 대비 우위 - ✓ Jam 대비: 첫 리포트에 이메일 불필요, "4초만 녹화됨" 실패 없음(청크 기반 IndexedDB 기록), Chakra UI나 NextJS 페이지의 CSS를 벗기지 않음 - ✓ Marker.io 대비: 클라이언트 리포터에 대한 좌석별 과금 없음, 로그인 없는 뷰어로 바이럴 루프 유지, 콘솔 캡처가 무료 포함이며 페이월 뒤에 있지 않음 - ✓ Loom 대비: 콘솔과 네트워크가 여기서는 1급 기능, Business plus AI 페이월 뒤에 있지 않음. 산출물은 개발자가 읽을 수 있는 HTML 파일 - ✓ Bird Eats Bug 대비: 하나의 리포트에 멀티 세그먼트 리플레이, 짧은 공유 URL, 로그인 없는 뷰어, 브라우저 재시작 후에도 세션 유지 - ✓ BugHerd 대비: HTML 셀렉터가 아니라 실제 동영상과 라이브 콘솔 ### 🛡️ 보안 원격 코드 없는 Manifest V3. 확장 프로그램은 `content_security_policy: { extension_pages: "script-src 'self'; object-src 'self'" }`를 선언하고 모든 스크립트를 로컬에 번들로 출시합니다. CDN 없음, eval 없음, 원격 로더 없음. 호스트 권한은 라이선스 확인만을 위한 `https://peakproductivity.online/*`에 한정되며, 절대 `<all_urls>`이 아닙니다. ### ❓ 자주 묻는 질문 **Q: 무료 플랜이 정말 무료인가요?** **A:** 네. 월 5건 리포트에 전체 녹화, 콘솔, 네트워크, HTML 내보내기까지 모두 포함됩니다. Pro는 한도를 없애고 호스팅 공유 링크와 Jira, Linear, GitHub 내보내기를 추가합니다. **Q: 백그라운드에서 녹화하나요?** **A:** 아니요. 녹화는 클릭으로만 시작되며, 빨간 테두리와 타이머가 내내 보입니다. 탭을 닫으면 세션이 중지되고 저장 또는 폐기를 묻는 프롬프트가 표시됩니다. **Q: 콘솔 출력으로 토큰이 새어나가나요?** **A:** 기본 패스는 내보내기 전에 Authorization 헤더, 쿠키, X-Auth-* 사용자 정의 헤더, 신용카드 모양 패턴을 마스킹합니다. Pro에서는 프로젝트별 사용자 정의 정규식 규칙을 추가할 수 있습니다. **Q: LogRocket이나 FullStory와 비교하면 어떤가요?** **A:** 그 제품들은 모두를 항상 녹화하는 프로덕션 세션 리플레이 서비스입니다. 이것은 한 번에 한 버그씩 손으로 트리거하는 개발자 도구이며, 설치할 SDK가 없습니다. **Q: Jira, Linear, GitHub에 직접 푸시할 수 있나요?** **A:** Pro에서는 가능합니다. 내보내기 흐름은 재현 단계, 환경, 콘솔 출력, 네트워크 로그, 녹화가 첨부된 전체 리포트를 푸시합니다. **Q: 리포트는 제 컴퓨터에 남나요?** **A:** 기본적으로 네. 무료 플랜은 로컬 HTML 파일을 내보냅니다. 호스팅 공유 링크는 Pro 기능이며 Share 클릭에서만 동작하고, 30, 60, 90일 자동 삭제가 적용됩니다. ### 🚀 시작하기 설치하고 툴바에 고정한 다음, 1분 안에 첫 티켓을 제출하세요. 무료 플랜은 대부분의 소규모 팀에서 스크린샷과 Slack을 대체합니다. 호스팅 공유 링크, Jira, Linear, GitHub 내보내기, 사용자 정의 마스킹, 무제한 사용을 위해 Pro로 업그레이드하세요. 원격 코드가 없는 Manifest V3 확장 프로그램으로 Peak Productivity에서 제공합니다.