QA Note란? — QA Note Docs

QA Note 소개

QA Note는 QA 팀과 개발팀을 연결하는 이슈 트래킹 플랫폼입니다. Chrome 확장 프로그램으로 버그를 발견한 즉시 스크린샷, 콘솔 로그, 네트워크 요청 등 기술적 맥락과 함께 이슈를 등록할 수 있습니다.

스크린샷 & 어노테이션 — 화면을 캡처하고 화살표, 박스, 번호 마커, 블러 등 10가지 도구로 정확한 위치를 전달합니다.
세션 리플레이 — 버그 재현 과정을 녹화하여 개발자가 정확한 맥락을 이해할 수 있습니다. 최대 60초 수동 녹화와 최근 2분을 자동으로 보관하는 인스턴트 리플레이를 지원합니다.
자동 메타데이터 수집 — 콘솔 로그, 네트워크 요청/응답, JS 에러, Web Vitals 성능 지표, React 컴포넌트 트리를 자동으로 캡처합니다.
피드백 위젯 — 외부 사용자로부터 버그 리포트를 수집하는 임베더블 위젯을 제공합니다. 스크린샷 캡처와 어노테이션을 지원합니다.
GitHub 양방향 동기화 — 이슈, 상태, 댓글, 라벨이 GitHub과 실시간으로 동기화됩니다. GitHub Projects v2도 지원합니다.
Slack 알림 — 이슈 등록, 상태 변경, 댓글 추가 등 주요 이벤트를 Slack 채널로 전달합니다.
AI Fix · 자동 PR — Claude Code 가 이슈에서 PR · Preview · Production 머지까지 주도합니다. 토큰은 Claude Code 구독에서 차감됩니다. 자세히
MCP 원샷 조회 — 이슈 링크 한 줄을 붙여넣으면 스크린샷·콘솔·네트워크·React 트리가 한 번에 펼쳐집니다. MCP 서버 가이드
Vercel Preview 자동 추적 — PR Preview 배포 성공/실패가 이슈에 자동 첨부됩니다. Vercel 연동

역할	활용 방법
QA 엔지니어	브라우저에서 직접 버그 리포트를 작성하고, 기술 정보를 자동으로 첨부합니다.
개발자	콘솔 로그, 네트워크 요청, 성능 지표 등 상세한 기술 컨텍스트를 받아 빠르게 원인을 파악합니다.
PM / 디자이너	스크린샷 어노테이션과 세션 리플레이로 이슈를 직관적으로 전달합니다.
외부 테스터	피드백 위젯을 통해 별도 로그인 없이 버그를 제보할 수 있습니다.

핵심 기능

스크린샷 & 어노테이션 — 화면을 캡처하고 화살표, 박스, 번호 마커, 블러 등 10가지 도구로 정확한 위치를 전달합니다.

세션 리플레이 — 버그 재현 과정을 녹화하여 개발자가 정확한 맥락을 이해할 수 있습니다. 최대 60초 수동 녹화와 최근 2분을 자동으로 보관하는 인스턴트 리플레이를 지원합니다.

자동 메타데이터 수집 — 콘솔 로그, 네트워크 요청/응답, JS 에러, Web Vitals 성능 지표, React 컴포넌트 트리를 자동으로 캡처합니다.

피드백 위젯 — 외부 사용자로부터 버그 리포트를 수집하는 임베더블 위젯을 제공합니다. 스크린샷 캡처와 어노테이션을 지원합니다.

GitHub 양방향 동기화 — 이슈, 상태, 댓글, 라벨이 GitHub과 실시간으로 동기화됩니다. GitHub Projects v2도 지원합니다.

Slack 알림 — 이슈 등록, 상태 변경, 댓글 추가 등 주요 이벤트를 Slack 채널로 전달합니다.

AI Fix · 자동 PR — Claude Code 가 이슈에서 PR · Preview · Production 머지까지 주도합니다. 토큰은 Claude Code 구독에서 차감됩니다. 자세히

MCP 원샷 조회 — 이슈 링크 한 줄을 붙여넣으면 스크린샷·콘솔·네트워크·React 트리가 한 번에 펼쳐집니다. MCP 서버 가이드

Vercel Preview 자동 추적 — PR Preview 배포 성공/실패가 이슈에 자동 첨부됩니다. Vercel 연동

누구를 위한 서비스인가요?

역할	활용 방법
QA 엔지니어	브라우저에서 직접 버그 리포트를 작성하고, 기술 정보를 자동으로 첨부합니다.
개발자	콘솔 로그, 네트워크 요청, 성능 지표 등 상세한 기술 컨텍스트를 받아 빠르게 원인을 파악합니다.
PM / 디자이너	스크린샷 어노테이션과 세션 리플레이로 이슈를 직관적으로 전달합니다.
외부 테스터	피드백 위젯을 통해 별도 로그인 없이 버그를 제보할 수 있습니다.