이슈스티커

[구구절절 설명은 이제 그만. 클릭 한 번이면 끝나는 웹 QA 도구]

"어느 화면에서요?", "재현이 안 되는데요", "콘솔에 뭐 떴어요?"

QA와 개발 사이에서 이런 질문이 반복되는 이유는 대개 버그를 발견한 순간의 맥락이 사라졌기 때문입니다. 이슈스티커는 그 순간을 이슈와 함께 남깁니다. 문제가 보이는 자리에 스티커를 붙이면, 당시 화면과 재현에 필요한 정보가 함께 저장됩니다.

[문제가 발생한 위치에서 바로 이슈를 생성합니다]

웹페이지에서 문제가 보이는 위치를 클릭해 이슈를 만듭니다. 스티커는 해당 요소에 붙어 있어, 나중에 같은 페이지를 열어도 문제가 있던 자리에 다시 표시됩니다. 좌표를 설명하거나 화살표를 그린 스크린샷을 따로 만들 필요가 없습니다.

이슈에는 제목과 설명을 쓰고, 여러 프로젝트가 연결된 도메인이라면 어느 프로젝트에 남길지 고릅니다. Jira나 Notion을 연동해 두었다면 필요한 필드 값도 폼에서 함께 채울 수 있습니다.

[버그 발생 시점의 모든 데이터를 자동으로 수집합니다]

이슈를 만들면 현재 화면의 스크린샷이 함께 저장됩니다. 사용자가 녹화를 시작하고 브라우저의 공유 대상 선택 창에서 화면을 고르면, 재현 과정도 영상으로 남길 수 있습니다.

필요한 경우 클릭과 입력 흐름을 되감아 볼 수 있는 세션 리플레이도 첨부할 수 있습니다. 네트워크 요청의 메서드, 상태 코드, 요청·응답 헤더와 본문, 콘솔 로그도 이슈 상세에서 확인할 수 있습니다. 개발자는 이슈 하나만 열어 무엇이 어떻게 실패했는지 파악합니다.

[코딩 에이전트에서 상세 데이터를 바로 조회합니다]

이슈스티커는 MCP 서버를 제공합니다. 개발자는 Claude Code나 Codex 같은 코딩 에이전트에서 이슈 상세 데이터, 스크린샷, 네트워크·콘솔 로그, 세션 리플레이를 바로 조회해 원인 분석과 수정 작업을 이어갈 수 있습니다.

이슈 상세에서 프롬프트를 복사하면 에이전트가 어떤 이슈를 확인해야 하는지와 필요한 컨텍스트가 함께 전달됩니다. 워크스페이스 접근은 브라우저 승인 기준으로 관리되며, 승인은 언제든 철회할 수 있습니다.

[프로젝트 관리 도구에 자연스럽게 통합됩니다]

Jira 이슈나 Notion 페이지로 내보내고 필드를 동기화할 수 있습니다. 담당자, 버전, 우선순위처럼 프로젝트마다 다른 필드도 이슈스티커 폼에서 함께 채웁니다. 연동은 워크스페이스에서 직접 설정한 경우에만 동작합니다.

[시작 방법]

이슈스티커에 로그인한 뒤 워크스페이스와 프로젝트를 선택합니다. QA할 사이트의 도메인을 프로젝트에 등록하고, 사이드 패널에서 이슈 생성을 켭니다. 문제가 있는 자리를 클릭해 제목과 설명을 입력하면 스크린샷과 로그가 함께 저장됩니다.

가이드: https://issuesticker.com/guide/products/extension