이 가이드를 따라 하면 30분 안에 내가 원하는 도구를 만들 수 있습니다.
코딩을 배우는 게 아닙니다. AI에게 말하는 겁니다. 타이핑만 할 수 있으면 충분합니다.
필요한 것: 컴퓨터, 인터넷
비용: 0원
1단계. 준비 (2분)
AI에 접속하기
ChatGPT 또는 Claude 중 하나를 선택해서 접속합니다.
- ChatGPT: chat.openai.com 접속 → 구글 계정으로 가입 (무료)
- Claude: claude.ai 접속 → 구글 계정으로 가입 (무료)
💡 둘 다 무료이고, 둘 다 잘 만들어줍니다. 아무거나 고르세요.


이게 끝입니다. 준비 완료.
2단계. 만들기
원리
AI에게 "이런 걸 만들어줘"라고 말하면 AI가 파일을 만들어줍니다. 그 파일을 다운로드해서 더블클릭하면 브라우저에서 내가 만든 도구가 열립니다. 이게 바이브코딩의 전부입니다.
Step 1: AI에게 요청하기
AI 대화창에 아래처럼 입력합니다.
나는 [본인 상황]인데, [원하는 도구]를 만들고 싶어.
HTML, CSS, JavaScript를 사용해서 하나의 HTML 파일로 만들어줘.
💡 뭘 만들지 모르겠다면, 아래에서 골라보세요.
| 이런 사람이라면 | 이렇게 요청해보세요 |
|---|---|
| 운동하는 사람 | "운동 세트 사이 쉬는 시간 재는 타이머 만들어줘" |
| 자취생 | "이번 달 생활비 기록하는 가계부 만들어줘" |
| 영어 공부 중 | "영단어 입력하면 퀴즈 내주는 단어장 만들어줘" |
| 직장인 | "오늘 할일 체크리스트 만들어줘" |
| 사업자 | "내 가게 소개하는 예쁜 홈페이지 만들어줘" |
| 다이어트 중 | "매일 체중 기록하고 그래프로 보여주는 페이지 만들어줘" |

Step 2: 파일 다운로드하기
AI가 만들어준 파일을 다운로드합니다.
- ChatGPT: 코드 블록 위에 미리보기 아이콘을 클릭하면 코드 파일 다운로드 아이콘을 확인할 수 있습니다.
- Claude: 코드 블록 아래에
Download버튼이 있습니다. 클릭하면 다운로드됩니다.
다운로드된 파일을 바탕화면으로 옮겨두면 찾기 쉽습니다.


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

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