"이런 계산기 하나 있으면 좋겠는데", "이 반복 작업을 자동으로 하고 싶은데". 예전엔 개발자에게 부탁해야 했죠. 이제는 AI에게 말로 설명하면 코드를 대신 만들어줍니다. 이렇게 '느낌대로 설명하고 고쳐가며' 만드는 방식을 바이브 코딩이라 부릅니다. 비개발자도 나만의 도구를 만들 수 있는 AI 코딩 입문을 정리합니다.

바이브 코딩이란?

핵심은 간단합니다 — 내가 원하는 걸 말로 설명 → AI가 코드 생성 → 결과를 보고 "이건 이렇게 바꿔줘"로 반복. 문법을 외우는 게 아니라, 무엇을 원하는지 명확히 말하는 능력이 실력입니다. 넓게 보면 노코드 도구가 '조립'이라면, 바이브 코딩은 'AI에게 맞춤 제작을 시키는' 쪽에 가깝습니다.

무엇을 만들 수 있나

  • 작은 웹 도구 — 견적 계산기, 단위 변환기, 설문 집계 페이지 등.
  • 반복 작업 자동화 — 파일 이름 일괄 변경, 데이터 정리 스크립트.
  • 간단한 페이지 — 소개 페이지, 이벤트 랜딩, 링크 모음.

거창한 앱이 아니라, 내 일을 줄여주는 작은 것부터 시작하는 게 핵심입니다.

잘 시키는 3가지 요령

  • 구체적으로 — "계산기 만들어"보다 "부가세 10%를 더한 금액을 보여주는 웹 계산기, 입력칸 하나와 결과칸 하나".
  • 단계적으로 — 한 번에 완성 말고, 작동하는 최소 버전부터 만들고 기능을 하나씩 추가.
  • 에러는 그대로 붙여넣기 — 안 되면 오류 메시지를 복사해 "이 오류가 났어, 고쳐줘"라고 하면 됩니다.

한눈에 보기: 바이브 코딩 흐름

flowchart LR
  A["원하는 것 말로 설명"] --> B["AI가 코드 생성"]
  B --> C["실행해보기"]
  C --> D{"원하는 대로?"}
  D -->|아니오| E["'이렇게 바꿔줘' / 오류 붙여넣기"]
  E --> B
  D -->|예| F["완성 · 사용"]

읽고 바로 할 것 — 평소 '이런 거 있으면 좋겠다' 싶던 아주 작은 도구 하나를 골라, AI에게 한 문장으로 설명해보세요. 아래 Pro 파트에서는 실전 워크플로와 막혔을 때 푸는 법, 만든 걸 공유·배포하는 법, 꼭 지켜야 할 보안 함정을 정리합니다.