디버깅, 추측 말고 증거로 하세요

스택 트레이스와 코드 컨텍스트를 입력하면 5가지 가설 + 검증 명령 + 즉시 시도 가능한 패치가 한국어로 출력됩니다. 추측 디버깅으로 1시간 낭비하는 대신, 증거 기반으로 5분 안에 근본 원인까지 도달합니다.

3가지 디버깅 시나리오 (포함)

출력 예시 (실제 산출물)

🔍 가설 1 (90%): users 미정의 시 렌더링 도달
   근거: useState() 초기값 미지정 → undefined
   검증: console.log(users) // 첫 출력 확인

⚡ Quick Fix (5분):
- function UserList({ users }) {
-   return users.map(u => <li>{u.name}</li>)
+ function UserList({ users }) {
+   if (!users) return <div>Loading...</div>;
+   if (!Array.isArray(users)) return null;
+   return users.map(u => <li>{u.name}</li>)
  }

🛠 Root Fix: React Query 도입 + TypeScript strict

왜 일반 ChatGPT 질문과 다른가

지원 언어 · 프레임워크

설치 (30초)

$ unzip debug-detective.zip -d ~/.claude/skills/
$ # Claude Code 재시작 후 "debug-detective 스킬 활성화" 입력