이슈스티커
유난히 어려운 개발 소통, 정말 어쩔 수 없는 걸까요?
- 고객“그냥, 안 돼요.”
- QA“재현이 안 돼요.”
- 클라이언트“언제 고쳐지나요?”
- 기획“이걸 어떻게 설명하죠?”
- 개발“로그 좀 주세요.”
- 개발“여기선 잘 되는데요?”
이슈를 제보하는 사람
문제가 보이는 곳을 클릭하세요.
클릭한 요소에 스티커가 붙고, 그 자리에서 바로 이슈가 만들어집니다.
화면 위 스티커 자세히 보기이제 하지 않아도 되는 일화면 캡처하고 문제 위치 표시하기원하는 모습만 간단하게 설명하세요.
입력한 내용을 바탕으로 AI가 제목과 설명을 작성합니다. 작성 규칙을 설정하여 컨벤션을 맞출 수도 있습니다.
AI 작성 모드 자세히 보기이제 하지 않아도 되는 일제목 정하고 재현 단계 정리하기개발자 도구? 스크린샷? 신경쓰지 마세요.
스크린샷과 콘솔·네트워크 로그, 브라우저 환경이 이슈에 함께 저장됩니다.
자동 수집 자세히 보기이제 하지 않아도 되는 일콘솔 열어 로그 복사하기프로젝트 관리 도구를 연결하세요.
이슈를 작성하면 Jira/Notion에 함께 생성됩니다. 연동한 필드는 이슈스티커에서 바로 확인하고 수정할 수 있습니다.
Jira·Notion 연동 자세히 보기이제 하지 않아도 되는 일서비스 화면과 프로젝트 관리도구를 이동하며 검증하기
완성된 이슈가 개발자에게 전달됩니다.
이슈를 받는 개발자
문제가 발생한 곳에서 바로 확인하세요.
스티커를 클릭하면 이슈 상세가 바로 열립니다. 반대로 관리 화면에서 이슈 주소를 클릭하면 그 스티커가 붙은 자리로 이동합니다.
화면 위 스티커 자세히 보기이제 하지 않아도 되는 일이슈 발생 위치 물어보기물어볼 필요 없이 바로 확인하세요.
브라우저 환경, 콘솔 오류, 네트워크 요청이 모두 기록되어 있습니다.
자동 수집 자세히 보기이제 하지 않아도 되는 일"브라우저는요?" "콘솔에 뭐 떴어요?" 묻기> 쿠폰 NaN원 이슈 확인해줘
● search_issues(쿠폰 NaN원)
└ 이슈 1건 · 쿠폰 적용 후 결제 금액 NaN원
● get_issue(7f3c2a19-…)
└ TypeError: reading 'toLocaleString'
POST /api/demo/coupons/apply → 200
● get_network_request(7f3c2a19-…, 4)
└ discount.amount: 5800
● 쿠폰 API 는 할인액을 discount.amount 로 보내는데,
화면 코드는 discountAmount 를 읽어 undefined 가 됩니다.
discountAmount 를 discount.amount 로 고칠까요?
>⏵⏵ accept edits on (shift+tab to cycle)
코딩 에이전트에게 이슈 링크만 전달하세요.
에이전트가 MCP로 이슈 정보를 직접 읽고 원인을 찾기 시작합니다.
MCP 자세히 보기이제 하지 않아도 되는 일로그를 복사해 에이전트에게 붙여 넣기
팀에 더 적합한 방법을 골라보세요.
두 방식 모두 같은 이슈와 관리 화면을 사용합니다.
크롬 익스텐션
이슈스티커를 브라우저 익스텐션으로 설치하여 사용합니다.
코드 수정 없이 어느 사이트에서든 바로 사용 가능합니다.
이슈스티커
issuesticker.com 제공 · 생산성
화면 위 클릭 한 번으로 스티커와 로그를 남깁니다.
SDK
이슈스티커를 서비스에 임베드하여 사용합니다.
고객이 이슈스티커를 설치하지 않아도 피드백을 수집할 수 있습니다.
$ npm install issue-sticker
import { useIssueSticker } from 'issue-sticker/react';
const SDK_KEY =
process.env.NEXT_PUBLIC_ISSUE_STICKER_SDK_KEY!;
export function IssueStickerWidget() {
useIssueSticker({ apiKey: SDK_KEY });
return null;
}