디버깅
빨간 글씨가 뜨면 무엇부터 봐야 할지 몰라 그대로 AI에게 붙여넣기 쉽습니다. 경고와 에러를 구분하는 법, 로그를 근거로 원인을 좁히는 순서, 내 컴퓨터에서는 되는데 배포하면 안 되는 상황까지 문제를 직접 추적하는 데 필요한 글을 모았습니다.
뚝딱 강사가 수강생 질문에 바로 답하지 않는 이유
뚝딱 강사가 오류의 정답을 바로 말하지 않을 때는 수강생을 혼자 두기 위해서가 아니라 정상 흐름과 증거를 따라 원인을 찾는 순서를 함께 연습하기 위해서예요. 안전·결제처럼 즉시 개입할 문제는 바로 돕되 다음 오류를 스스로 좁힐 힘을 남깁니다.
바이브코딩 강의·강사 추천: 고르기 전에 볼 10가지
추천 목록을 훑기 전에 먼저 볼 것은 수료 후 혼자 무엇을 할 수 있게 되는지입니다. 공통 예제에서 내 프로젝트로 이어지는지, 강사가 막힌 화면과 오류를 함께 보는지, 배포 뒤 운영까지 다루는지 — 고르기 전에 확인할 열 가지를 정리했습니다.
바이브코딩에서 개발을 배운다는 건 논리 흐름을 이해하는 일입니다
바이브코딩에서 개발을 배운다는 것은 문법을 외우기보다 사용자의 행동이 화면·서버·데이터베이스·배포 환경을 거치는 논리 흐름을 이해하는 일이에요. 정상 순서를 적고 증거로 처음 끊긴 경계를 찾은 뒤 한 가지씩 고쳐 같은 행동으로 검증하세요.
바이브코딩으로 만든 웹앱, 공개하기 전에 무엇을 테스트해야 할까요?
웹앱 공개 전에는 성공 화면 한 번이 아니라 사용자의 시작부터 데이터 저장과 운영 확인까지 전체 흐름을 테스트해야 해요. 정상·잘못된 입력·중복 요청·실패·권한·새로고침·모바일을 실제 배포 환경에서 확인하고 출시 뒤 문제를 찾을 로그도 준비하세요.
AI가 버그를 계속 못 고친다면? 로그를 찍어보세요
AI가 같은 버그를 추측으로 계속 수정한다면 실행 흐름의 경계마다 로그를 남겨 처음 끊긴 지점을 찾으세요. 브라우저 Console, 로컬 서버 터미널과 배포 서비스 로그를 구분해 실제 기록을 AI에게 전달하면 원인 범위를 줄일 수 있습니다.
노란색은 경고, 빨간색은 오류: 바이브코딩 초보자의 신호등
노란색 Warning은 지금 작동하더라도 확인할 문제이고 빨간색 Error는 동작이 실패했다는 신호예요. 색만 없애달라고 하지 말고 문제가 난 행동·기대한 결과·처음 나온 전체 메시지를 AI에게 전달한 뒤 같은 행동으로 수정 결과를 검증하세요.
내 컴퓨터에서는 되는데 배포하면 안 된다면? 무엇부터 확인해야 할까요?
localhost에서는 되는데 배포한 사이트에서 안 된다면 코드를 바로 고치기 전에 같은 버전인지부터 확인하세요. 로컬 변경·commit·push·배포가 사용한 commit·실제 운영 주소·환경변수 순서로 따라가면 배포 오류를 빠르게 좁힐 수 있습니다.
