유진: Claude Code Web으로 Pomodoro 앱 'Flowmate' 처음부터 끝까지

유진: Claude Code Web으로 Pomodoro 앱 ‘Flowmate’ 처음부터 끝까지

배경

대화형 AI를 이용한 바이브 코딩 실험. 유진은 ChatGPT가 초기 프로젝트 계획을 작성하고 Claude Code Web이 모든 구현을 맡는 분업으로 Pomodoro 타이머 ‘Flowmate’를 만들었다.

접근

스택: React, TypeScript, Vite, Tailwind CSS. 기능: 타이머, 분석 대시보드, 다크모드, 로컬 스토리지. 배포: Netlify. 도전 — TypeScript 타입 에러, 브라우저 탭 간 LocalStorage 동기화, GitHub Actions 빌드 실패. 모두 에러 로그 공유로 해결.

결과

flowmate-project.netlify.app 라이브.

교훈

“코드는 내가 짜든 AI가 짜든 디버깅이 가장 중요하다.” 프롬프트 엔지니어링과 아키텍처 이해가 코드 작성보다 중요. AI는 개발자 지식 대체가 아니라 팀 멤버다.

원문 인용

“코드는 내가 짜든, AI가 짜든, 디버깅이 가장 중요하다.” 의역: 코드를 누가 짜든 — 사람이든 AI든 — 디버깅이 가장 중요한 작업이다.