바이브코딩 시작 가이드

이 가이드를 따라 하면 30분 안에 내가 원하는 도구를 만들 수 있습니다.

코딩을 배우는 게 아닙니다. AI에게 말하는 겁니다. 타이핑만 할 수 있으면 충분합니다.

필요한 것: 컴퓨터, 인터넷
비용: 0원

1단계. 준비 (2분)

ChatGPT 또는 Claude 중 하나를 선택해서 접속합니다.

💡 둘 다 무료이고, 둘 다 잘 만들어줍니다. 아무거나 고르세요.

이게 끝입니다. 준비 완료.

AI에게 "이런 걸 만들어줘"라고 말하면 AI가 파일을 만들어줍니다. 그 파일을 다운로드해서 더블클릭하면 브라우저에서 내가 만든 도구가 열립니다. 이게 바이브코딩의 전부입니다.

AI 대화창에 아래처럼 입력합니다.

나는 [본인 상황]인데, [원하는 도구]를 만들고 싶어.
HTML, CSS, JavaScript를 사용해서 하나의 HTML 파일로 만들어줘.

💡 뭘 만들지 모르겠다면, 아래에서 골라보세요.

AI가 만들어준 파일을 다운로드합니다.

다운로드된 파일을 바탕화면으로 옮겨두면 찾기 쉽습니다.

다운로드한 .html 파일을 더블클릭합니다. 브라우저가 열리면서 내가 만든 도구가 나타납니다.

🎉 축하합니다! 방금 바이브코딩으로 첫 번째 도구를 만들었습니다.

마음에 안 드는 부분이 있으면 AI에게 그냥 말하면 됩니다. 수정된 파일을 다시 다운로드하면 끝입니다.

아까 AI와 대화하던 창에서 이어서 말합니다. 예시:

수정된 파일을 받으면:

당황하지 마세요. AI에게 "에러가 났어"라고 말하고, 화면에 보이는 에러 내용을 그대로 복사해서 붙여넣으세요. AI가 고쳐줍니다.

이 과정이 반복입니다. 요청 → 수정 → 확인. 완벽하지 않아도 됩니다. 일단 만들어보세요.

방금은 예시를 따라 했지만, 앞으로는 내가 원하는 걸 직접 말해야 합니다. 처음엔 "만들어줘" 한마디로 시작해서, 점점 구체적으로 말하는 연습을 하면 됩니다. AI에게 잘 요청하는 법에서 이어집니다.

무료 AI로도 꽤 복잡한 도구까지 만들 수 있습니다.