Vibe Coding의 실체: 설계 30분, 디버깅 5시간

Cloudflare Web Analytics + GoatCounter + Analytics Engine 3개 데이터소스를 하나의 대시보드로 통합하는 작업을 Claude Code와 vibe coding으로 진행한 기록입니다.

상세 프롬프트와 plan mode로 일괄 구현까지는 순조로웠지만, 실제 동작하는 결과물을 만드는 과정의 70%는 디버깅이었습니다. Astro scoped CSS가 동적 콘텐츠에 적용되지 않는 문제, GoatCounter API의 미문서화 파라미터 탐색, Cloudflare Zone Analytics GraphQL의 노드별 시간 범위 제한 등 9개 이슈를 14커밋에 걸쳐 수정했습니다.

AI에게 "알아서 해줘"로는 원하는 품질이 나오지 않았고, 사람이 청사진을 설계하고 AI가 구현한 뒤 하나하나 확인하며 고치는 반복이 vibe coding의 실체였습니다. 작업 시간 6시간, 총 커밋 35회+.