바이브 코딩 입문 - 코딩 몰라도 말로 앱 만드는 법, 러버블·리플릿·커서 어떻게 다를까

“이런 앱이 있으면 좋겠는데”라는 생각을 한 번쯤 해본 분이 많을 겁니다. 예전에는 그 생각이 실제 서비스가 되려면 프로그래밍을 배우거나 개발자를 구해야 했습니다. 지금은 상황이 달라졌습니다. 만들고 싶은 것을 한국어 문장으로 설명하면 AI가 코드를 대신 짜주는, 이른바 “바이브 코딩(vibe coding)”이 자리를 잡았기 때문입니다.

바이브 코딩이라는 말은 2025년 초 오픈AI 출신 연구자 안드레이 카파시가 “코드가 있다는 사실조차 잊고 분위기(vibe)에 몸을 맡긴 채 AI와 대화로 프로그램을 만든다”고 표현한 데서 나왔습니다. 처음에는 개발자들의 실험적인 작업 방식을 가리키는 농담에 가까웠지만, 지금은 비개발자가 아이디어를 실제 서비스로 만드는 방법을 통칭하는 말이 됐습니다. 실제로 대표적인 바이브 코딩 서비스인 러버블(Lovable)은 사용자 대부분이 개발 경험이 없는 사람들이라고 밝히고 있습니다.

이 글은 코딩을 전혀 모르는 분을 기준으로 씁니다. 바이브 코딩이 무엇이고 어떤 도구로 시작하면 좋은지, 첫 프로젝트는 어떤 순서로 진행하는지, 그리고 만든 것을 남에게 공개하기 전에 반드시 점검해야 할 것은 무엇인지 순서대로 정리했습니다.

바이브 코딩이란 - 코드를 “쓰는” 게 아니라 “시키는” 것

바이브 코딩의 핵심은 역할의 교체입니다. 사람이 하는 일은 무엇을 만들지 정하고, 그것을 말로 설명하고, 나온 결과를 써보고 고칠 점을 다시 말하는 것입니다. 코드를 타이핑하는 일은 AI가 합니다.

예를 들어 “가족 여행 경비를 정산하는 웹페이지를 만들어줘. 참가자 이름과 쓴 돈을 입력하면 누가 누구에게 얼마를 보내야 하는지 계산해줘”라고 입력하면, 도구가 화면 디자인부터 계산 로직까지 갖춘 웹앱을 몇 분 안에 만들어 보여줍니다. 마음에 들지 않는 부분은 “버튼을 더 크게”, “다크 모드로 바꿔줘”처럼 대화로 고쳐 나갑니다.

물론 한계도 분명합니다. AI가 짠 코드에도 오류가 있고, 규모가 커지면 AI 스스로 헤매기 시작합니다. 그래서 바이브 코딩은 “개발 공부가 필요 없어졌다”는 뜻이라기보다, 아이디어 검증과 개인용 도구 제작의 문턱이 크게 낮아졌다는 뜻으로 받아들이는 편이 정확합니다.

도구는 세 갈래 - 나에게 맞는 출발점 고르기

바이브 코딩 도구는 성격에 따라 크게 세 갈래로 나눌 수 있습니다.

유형	대표 서비스	특징	어울리는 사람
브라우저 앱 빌더	러버블(Lovable), 볼트(Bolt), v0	설치 없이 대화만으로 생성부터 배포(인터넷 주소 발급)까지	코딩 완전 초보
클라우드 개발환경	리플릿(Replit)	브라우저 안에 개발환경 전체가 들어 있고 실행·호스팅 내장	초보~중급, 기능 확장을 원하는 사람
AI 코드 에디터	커서(Cursor), 윈드서프(Windsurf), 클로드 코드(Claude Code)	내 컴퓨터에 설치, 코드가 눈에 보이고 세밀한 지시 가능	개발 경험자, 코드로 배우고 싶은 사람

처음이라면 러버블이나 리플릿처럼 브라우저에서 바로 시작하는 쪽을 권합니다. 결과물이 “내 컴퓨터에서만 도는 파일”이 아니라 “인터넷 주소가 있는 실제 서비스”로 나오기 때문에 성취감이 크고, 개발환경 설치라는 첫 번째 장벽 자체가 없습니다. 반대로 개발을 조금이라도 배워본 적이 있거나 코드 구조를 눈으로 확인하고 싶다면 커서 같은 AI 에디터가 학습 효과 면에서 유리합니다.

대부분의 서비스가 무료 체험이나 무료 크레딧을 제공하지만, 무료 한도와 요금제는 수시로 바뀝니다. 결제 전에 반드시 공식 사이트에서 현재 조건을 확인하시기 바랍니다. 별도 결제 없이 감을 잡아보고 싶다면 챗GPT·클로드·제미나이 같은 일반 AI 챗봇에게 간단한 HTML 게임이나 계산기를 만들어 달라고 해보는 것도 좋은 예행연습이 됩니다.

첫 프로젝트 - 저녁 한 나절이면 충분합니다

첫 프로젝트는 작게 잡는 것이 성공의 절반입니다. 간단한 웹앱 기준으로 30분에서 2시간 정도면 첫 결과물을 볼 수 있습니다. 진행 순서는 다음과 같습니다.

1. 아이디어를 한 문단으로 정리합니다. “누가, 무엇을 입력하면, 무엇이 나오는 서비스”인지 세 요소를 문장으로 씁니다. 이 문장이 곧 첫 프롬프트가 됩니다.
2. 로그인과 결제는 뺍니다. 회원가입, 결제, 개인정보 저장이 들어가면 난이도와 위험이 함께 뜁니다. 첫 프로젝트는 입력하고 결과를 보는 단순한 도구가 좋습니다. 할 일 목록, 모임 회비 계산기, 발표 순서 뽑기 같은 것들이 적당합니다.
3. 도구에 프롬프트를 넣고 첫 버전을 받습니다. 완벽하지 않아도 괜찮습니다. 일단 돌아가는 화면이 나오는 것이 중요합니다.
4. 한 번에 하나씩 고칩니다. “제목 글씨를 키우고, 색을 파랗게 하고, 정렬 기능도 넣어줘”처럼 여러 요청을 한꺼번에 하면 AI가 일부를 빠뜨리거나 엉뚱하게 고치기 쉽습니다. 요청은 잘게 쪼개서 하나씩 확인하며 진행합니다.
5. 배포 버튼을 눌러 주소를 받습니다. 브라우저형 도구는 대부분 버튼 하나로 인터넷 주소를 만들어줍니다. 그 주소를 가족이나 친구에게 보내 직접 써보게 하면, 다음에 고칠 점이 저절로 나옵니다.

프롬프트 요령 - 기획서를 쓰듯 구체적으로

바이브 코딩의 실력은 결국 설명하는 실력입니다. 같은 도구를 써도 프롬프트에 따라 결과 차이가 큽니다.

• 역할과 대상을 먼저 알려줍니다. “동네 배드민턴 동호회 총무가 쓸 회비 관리 페이지”처럼 누가 쓰는 물건인지 말해주면 AI가 화면 구성과 용어를 거기에 맞춥니다.
• 화면을 말로 그려줍니다. “위에는 입력 폼, 아래에는 표, 표 오른쪽 끝에 삭제 버튼”처럼 배치를 설명하면 원하는 모양에 훨씬 빨리 도달합니다.
• 예시 데이터를 함께 줍니다. “참가자 예시는 김철수 3만 원, 이영희 5만 원”처럼 실제 데이터를 주면 결과를 확인하기 쉽습니다.
• 오류는 그대로 복사해 붙입니다. 화면이 하얗게 되거나 에러 문구가 뜨면, 그 문구를 통째로 복사해 “이 오류가 났어, 고쳐줘”라고 하면 됩니다. 오류 메시지는 AI에게 가장 정확한 힌트입니다.
• 막히면 처음부터 다시 시킵니다. 수정을 거듭하다 코드가 꼬였다 싶으면, 지금까지 확정된 요구사항을 정리해 새 대화에서 처음부터 만들게 하는 편이 빠를 때가 많습니다.

프롬프트 작성의 기본기는 챗봇을 쓸 때와 같습니다. 더 자세한 요령은 이전에 정리한 AI 프롬프트 잘 쓰는 법 글을 참고하시기 바랍니다.

공개 전 점검 - 보안과 비용은 AI가 책임져주지 않습니다

만든 앱을 혼자 쓸 때는 문제가 거의 없지만, 인터넷에 공개하거나 남의 정보를 받기 시작하면 이야기가 달라집니다. 바이브 코딩으로 만든 서비스에서 보안 설정이 빠져 데이터가 노출되는 사고는 실제로 반복해서 보고되고 있습니다. 공개 전에 최소한 다음을 점검하시기 바랍니다.

• 비밀키를 코드에 넣지 않았는지 확인합니다. 외부 서비스 연동에 쓰는 API 키가 화면 쪽 코드에 들어 있으면 누구나 꺼내 쓸 수 있습니다. AI에게 “API 키가 코드에 노출되어 있는지 점검해줘”라고 직접 물어보는 것도 방법입니다.
• 다른 사람의 정보를 저장한다면 접근 권한을 확인합니다. “로그인한 본인만 자기 데이터를 볼 수 있는지 점검하고 문제를 고쳐줘”라는 점검 프롬프트를 배포 전에 한 번 돌리는 습관을 들이면 좋습니다.
• 외부 API나 데이터베이스를 쓴다면 지출 한도를 겁니다. 사용량 기반 과금 서비스는 실수로 반복 호출이 일어나면 요금이 커질 수 있습니다. 결제 수단을 등록했다면 한도 설정부터 하는 것이 안전합니다.
• 개인정보는 되도록 받지 않습니다. 이름·연락처를 수집하는 순간 개인정보보호법상 의무가 생깁니다. 취미로 만든 앱이라면 개인정보를 아예 받지 않는 설계가 가장 깔끔합니다.

바이브 코딩으로 할 수 있는 것과 아직 어려운 것

기대치를 현실적으로 잡는 데 도움이 되도록, 지금 시점에서 잘 되는 영역과 어려운 영역을 나눠보면 다음과 같습니다.

잘 되는 영역은 개인·소모임용 도구(계산기, 기록장, 추첨기, 일정표), 아이디어 검증용 시제품, 간단한 소개 페이지나 이벤트 페이지, 브라우저에서 도는 미니 게임 정도입니다. 공통점은 사용자가 적고, 데이터가 단순하며, 틀려도 큰일이 나지 않는다는 것입니다.

반대로 결제가 들어가는 상용 서비스, 많은 사용자를 동시에 받아야 하는 서비스, 민감한 개인정보나 금융정보를 다루는 서비스는 여전히 전문 개발자의 설계와 검토가 필요한 영역입니다. 바이브 코딩으로 시제품을 만들어 아이디어를 확인한 뒤, 사업화 단계에서 전문가와 함께 다시 만드는 흐름이 현실적입니다.

자주 묻는 질문(FAQ)

정말 코딩을 하나도 몰라도 되나요?

시작하는 데는 문제가 없습니다. 다만 프로젝트가 커질수록 “지금 AI가 뭘 하고 있는지” 대략이라도 이해하는 사람이 유리해지는 것도 사실입니다. 바이브 코딩을 하다 보면 변수, 데이터베이스 같은 개념이 자연스럽게 궁금해지는데, 그때그때 AI에게 “방금 네가 한 작업을 초보자에게 설명해줘”라고 물어보며 배우면 됩니다. 도구를 쓰면서 개념을 익히는 순서가 오히려 효율적입니다.

무료로 어디까지 할 수 있나요?

대부분의 브라우저형 도구가 무료 크레딧이나 무료 체험을 제공하므로, 작은 앱 한두 개를 만들어 보는 경험까지는 무료로 가능한 경우가 많습니다. 다만 무료 한도는 서비스마다 다르고 자주 바뀌므로 이 글에서 특정 수치를 단정하지는 않겠습니다. 가입 전에 요금 페이지를 확인하고, 본격적으로 쓸 도구 하나를 정한 뒤에 유료 전환을 고민하는 순서를 권합니다.

만든 앱의 저작권은 누구에게 있나요?

일반적으로 사용자가 만든 결과물은 사용자가 쓸 수 있도록 약관에 명시하는 서비스가 많지만, 세부 조건은 서비스마다 다릅니다. 상업적으로 쓸 계획이 있다면 해당 도구의 이용약관에서 생성물의 권리와 상업적 이용 조항을 직접 확인해야 합니다. 또 AI가 생성한 코드가 오픈소스 라이선스가 있는 코드와 비슷할 가능성도 논의가 진행 중인 영역이므로, 중요한 사업이라면 공개 전에 검토를 거치는 것이 안전합니다.

바이브 코딩은 “개발자만 만들 수 있다”는 오래된 전제를 무너뜨리는 중입니다. 오늘 저녁, 머릿속에만 있던 아이디어 하나를 골라 문장으로 적어보는 것부터 시작해보시기 바랍니다. 생각보다 빨리, 인터넷 주소가 달린 나만의 서비스를 만나게 될 겁니다.