클로드 바이브코딩 기초반/바이브코딩 가이드

3부 세상에 공개한다

13장 · 오류가 나도 멈추지 않기

빨간 글씨는 협박문이 아니라 '여기가 문제'라는 안내문입니다. 읽는 건 Claude가 하고, 우리는 통째로 전달하고 결과를 확인합니다.

마음가짐

온라인 강의로 배우다 포기하는 지점은 대부분 첫 번째 에러입니다. 영어로 된 빨간 글씨가 뜨면 "나는 안 되나 보다" 하고 닫습니다. 그런데 에러 메시지는 협박문이 아니라 '여기가 문제'라는 안내문입니다. 영어라서 못 읽어도 됩니다. 읽는 건 Claude가 하고, 우리는 통째로 전달하고 결과를 확인합니다.

오류 메시지 읽는 법 — 세 군데만 봅니다

나머지 긴 글은 몰라도 됩니다. 요약하지 말고 통째로 복사. 내가 요약하면 중요한 단서가 빠집니다. 전부 복사가 가장 빠른 길입니다.

오류가 보이는 곳 네 군데

어디서 어떻게 보이나 Claude에게 가져갈 것
Claude 패널·VS Code 빨간 글씨·실패 메시지 메시지 통째로 복사
브라우저 화면 깨진 배치·안 눌리는 버튼 (메시지 없음) 캡처 + '무엇을 기대했는지'
GitHub 올리기 rejected·not found 같은 영어 메시지 통째로 복사
Vercel 배포 배포 목록에 오류·실패 표시 그 배포를 눌러 나온 로그 복사

브라우저 F12 → Console 탭의 빨간 줄도 통째로 가져가면 좋습니다.

오류 설명 공식 — 어디서 · 무엇을 · 무슨 일 · 기대

Claude에게 이렇게 보내세요
[어디서] Vercel 배포에서
[무엇을 했더니] GitHub에 올리고 나서
[무슨 일이] 배포가 실패로 떴어.
[기대한 것] 새 버전이 공개돼야 해.
아래가 오류 메시지 전체야:
(여기에 통째로 붙여넣기)
원인을 쉬운 말로 먼저 설명하고,
네가 찾아서 고친 다음, 되는지 확인까지 해줘.

네 칸만 채우면 Claude가 헤매지 않습니다. 수업이 끝난 뒤에도 똑같이 씁니다.

찾아 고치게 하는 3단계

  1. 붙여넣기: 오류 전체 + 상황 한 줄 → "원인 설명하고 고쳐줘"
  2. 확인까지 시키기: "고친 뒤 네가 직접 확인하고 결과를 보고해줘"
  3. 세 번 고쳐도 같으면: "이 방법은 막혔어. 다른 방법으로. 요구사항은 그대로"

고친 뒤엔 반드시 내 눈으로 확인합니다. 최종 판단은 나. 같은 자리를 네 번째 파는 것보다 '다른 방법으로'가 보통 더 빠릅니다. Claude가 "고쳤다"고 말하는 것과 실제로 되는 것은 다릅니다. 열어 보기 전에는 믿지 않습니다.

일부러 망가뜨리고 고치게 하기

진짜 오류가 오기 전에 한 번 겪어 두면 손이 먼저 움직입니다.

  1. "연습용으로 상담 신청 버튼 연결을 일부러 망가뜨려줘 (어떻게 했는지는 말하지 말고)"
  2. 브라우저에서 버튼이 안 되는 것 확인 — 메시지 없는 '화면 문제'
  3. 오류 설명 공식대로 상황을 적고: "찾아서 고치고 확인까지 해줘"
  4. 고쳐지면 F5 확인 → GitHub에 올리기 → 폰에서 확인

대화가 꼬였을 때 — 되감기와 새 대화

같은 문제를 두 번 넘게 고쳤는데 계속 이상하면, 대화에 실패한 시도가 쌓여 Claude가 헤맵니다. 이때는 두 가지 방법이 있습니다.

공식 가이드도 같은 말을 합니다. 같은 문제로 두 번 넘게 고쳤으면, 새 대화에서 더 구체적인 요청으로 다시 시작하는 편이 거의 항상 빠릅니다.

막힐 때 순서 — 수업 뒤에도 똑같습니다

순서 할 일 한 줄
오류·화면을 통째로 Claude에게 '이 오류 났어. 원인 설명하고 고쳐줘'
이 가이드의 함정 표 다시 보기 10장 윈도우 함정 · 12장 GitHub 막히는 곳 · 부록 D
다른 방법으로 다시 '요구사항은 그대로, 다른 방법으로'
사람에게 질문 캡처 + 상황 한 줄 + Claude 답변

좋은 질문이 빠른 답을 만듭니다. 화면 없이 말로만 물으면 답도 추측이 됩니다. 5분 넘게 혼자 씨름하지 않습니다.

3부를 마치며

배운 것 한 줄 내 손에 남은 것
Claude Code 폴더 안에서 파일을 직접 만드는 Claude 설치·로그인 완료
말로 만드는 홈페이지 기획 → 글·사진·버튼 → 휴대폰 화면 index.html
GitHub 버전별로 보관하는 인터넷 창고 내 저장소 주소
Vercel 창고를 지켜보다 자동으로 공개 내 ○○.vercel.app 주소
고치기·유지보수 고치고 → push → 같은 주소에 새 버전 수정 1회
오류 대처 통째로 복사 → 설명 → 고치게 → 내가 확인 멈추지 않는 순서

비밀번호·키는 파일·GitHub·단톡방에 두지 않습니다. 3부의 보안 한 줄입니다.

이 장의 결과물