Vibe Coding 완전 입문 — 코드 한 줄 없이 앱 만드는 법

2026년에 개발자가 아닌 사람들이 앱을 출시하기 시작했다. 비결은 하나 — AI에게 말로 시키는 것이다. 이걸 Vibe Coding이라고 부른다. 코드를 직접 쓰지 않고, 만들고 싶은 것을 AI에게 설명하면 AI가 코드를 만들어준다.

나는 이 방식으로 실제로 앱을 두 개 만들었다. 담임노트(학급 출결 관리 앱, 플레이스토어 라이브)와 FieldMark(현장 작업 마킹 앱, 출시 준비 중). 둘 다 코딩 지식 없이 Claude와 대화로 만든 앱이다.

이 글에서 Vibe Coding이 뭔지, 어떤 도구를 쓰는지, 실제로 어떻게 진행되는지를 처음부터 정리한다.

Vibe Coding이란?

Vibe Coding은 2025년 초 Andrej Karpathy(OpenAI 공동창업자)가 처음 쓴 표현이다. 요지는 간단하다 — 코드를 직접 이해하고 쓰지 않고, AI에게 원하는 것을 설명해서 코드를 받아내는 방식. 마치 개발자에게 "이런 거 만들어줘"라고 말하듯이 AI와 대화하며 앱을 만든다.

기존 방식은 달랐다. 앱 하나를 만들려면 프로그래밍 언어를 6개월 이상 배우고, 개발 환경을 설정하고, 에러가 날 때마다 검색하며 디버깅해야 했다. Vibe Coding은 이 과정 대부분을 AI가 대신한다.

필요한 도구 3가지

비용 걱정은 잠깐 내려놔도 된다. 세 도구 모두 무료 플랜이 있고, 첫 앱은 0원으로 시작할 수 있다.

모바일 앱(Android/iOS)을 만들 계획이라면 Claude + Cursor 조합이 좋다. Flutter 코드를 Claude가 생성하고, Cursor에서 파일에 바로 적용하는 방식이다. 웹 기반 서비스라면 Bolt.new가 가장 빠르다 — 브라우저에서 프롬프트 입력 후 몇 분 안에 동작하는 웹앱이 나온다.

앱 만드는 5단계 흐름

복잡하지 않다. 개발 경험 없이도 이 순서만 따라가면 된다.

실제 제작 사례 — 담임노트 & FieldMark

직접 만든 두 앱이 Vibe Coding으로 탄생했다. 코딩 비전공자가 Flutter 앱을 출시한 사례다.

담임노트를 만들 때 가장 많이 한 말은 "이 화면에 학생 목록이 나오게 해줘"와 "여기서 에러 나는데 고쳐줘"였다. Flutter를 직접 배운 적이 없었다. Claude가 코드를 만들고, 나는 실행해보고 피드백을 줬다.

FieldMark는 두 번째 앱이라 더 빨랐다. 첫 앱에서 어떤 방식으로 프롬프트를 쓰면 좋은지를 알게 됐기 때문이다. 프롬프트 품질이 올라가면 결과물 품질도 같이 올라간다는 걸 직접 경험했다.

자주 하는 질문

Q. 코딩을 전혀 몰라도 되나요?
돼요. 다만 에러 메시지를 AI에게 복사해서 붙여넣을 줄은 알아야 합니다.

Q. 어느 앱부터 시작하는 게 좋나요?
내가 실제로 쓰고 싶은 것부터 시작하세요. 동기가 있어야 완성까지 갑니다. 담임노트도 "매일 출석 체크가 불편하다"는 불편함에서 시작했습니다.

Q. 얼마나 걸리나요?
첫 프로토타입은 하루 안에 가능합니다. 완성도를 올리는 작업은 며칠~몇 주가 걸릴 수 있어요. 하지만 기존 방식의 몇 달 학습과는 비교가 안 됩니다.

Q. 무료로도 가능한가요?
네. Claude 무료 플랜 + Cursor 무료 플랜으로 시작할 수 있습니다. 앱이 성장하면 그때 유료 플랜을 고려하면 됩니다.

Vibe Coding의 핵심은 완벽한 프롬프트가 아니라 빠른 반복이다. 좋은 프롬프트를 쓰려고 오래 고민하는 것보다, 일단 써보고 피드백으로 수정해 나가는 게 훨씬 빠르다. AI는 무한히 수정해준다 — 이게 Vibe Coding의 힘이다.