막혔을 때 탈출하는 법
에러, 하얀 화면, 같은 실수의 반복. 바이브 코딩에서 자주 막히는 순간과 탈출법을 정리했어요.
🎯 이번 레슨을 마치면
- 에러 메시지를 AI에게 정확히 전달할 수 있다
- 같은 문제가 반복될 때 대화를 새로 시작하는 법을 안다
- 되돌리기로 안전하게 다시 시도할 수 있다
상황 1: 에러 메시지가 나요
에러 메시지는 “여기가 문제예요”라는 안내문이에요. 내가 이해하지 못해도 괜찮아요. 그대로 복사해서 보여 주세요.
버튼을 눌렀더니 아무 반응이 없고, 개발자 도구 콘솔에 이런 에러가 있어: Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at script.js:3 무슨 뜻인지 쉽게 설명하고 고쳐 줘.
상황 2: 화면이 하얘졌어요
- 먼저 되돌리기: “마지막 커밋으로 되돌려 줘.”
- 되돌린 뒤 무엇을 바꾸다가 그랬는지 다시 천천히, 작게 요청해요.
상황 3: 같은 실수를 계속해요
AI가 고쳤다고 하는데 여전히 안 되고, 세 번째 같은 대화가 반복된다면…
상황 4: 뭘 물어봐야 할지도 모르겠어요
지금 프로젝트 상태를 살펴보고, 초보자가 이해할 수 있게 1) 지금 어떤 기능이 동작하는지 2) 안 되거나 위험해 보이는 부분이 있는지 3) 다음에 무엇을 하면 좋을지 정리해 줘. 코드는 아직 바꾸지 말아 줘.
퀴즈
Codex가 같은 버그를 세 번째 못 고치고 있어요. 가장 좋은 다음 행동은?
📝 정리해 볼까요?
- 에러가 나면 에러 메시지를 그대로 복사해서 붙여 넣어요. 콘솔(F12)에 빨간 글자가 있는지도 확인해요.
- 같은 실수가 세 번 반복되면 되돌리고, 대화를 새로 시작해서 다르게 설명해요.
- 문제를 작게 쪼개면 대부분 풀려요.
📖 새로 나온 용어
- 콘솔 Console
- 프로그램이 메시지를 출력하는 창이에요. 개발자가 결과를 확인할 때 써요. 비유: 프로그램의 메모장
- 개발자 도구 DevTools
- 브라우저에 들어 있는 개발용 도구예요. F12 키로 열어서 웹페이지의 속을 볼 수 있어요. 비유: 자동차 보닛 열기
잘했어요! 완료 표시는 이 브라우저에 저장돼요.