헤이제임스 - 비개발자 바이브코딩 도구 총정리, 러버블·v0·볼트부터 클로드 코드·코덱스까지

러버블, v0, 볼트, 리플릿, 베이스44, 그리고 클로드 코드와 코덱스.

바이브코딩 도구가 정말 많아요. 비개발자라면 뭐부터 써야 할지 헷갈려요.

저는 이 도구들을 다 써 봤어요. 외주 고객사와 수강생이 이 도구로 만든 서비스도 많이 봤어요. 어디까지 잘되고 어디서 막히는지, 본 사례를 기준으로 정리했어요.

바이브코딩 도구는 어떻게 나뉘나요

크게 두 종류예요.

	웹 기반 도구	설치 기반 도구
어디서 쓰나요	브라우저에서 바로	내 컴퓨터에 설치해서
도구	러버블 Lovable, v0, 볼트 Bolt, 리플릿 Replit, 베이스44 Base44, 클로드 아티팩트, 챗GPT 캔버스	클로드 코드 Claude Code, 코덱스 Codex
잘 맞는 단계	아이디어 확인, 프로토타입, 첫 반응 보기	실제로 운영할 서비스
비용	쓴 만큼 크레딧이 나가는 방식이 많아요	월 구독 요금제

아이디어만 빨리 보고 싶다면 무엇을 쓰나요

클로드 아티팩트와 챗GPT 캔버스가 가장 가벼워요.

둘 다 대화창 옆에 결과물을 바로 띄워 줘요. 화면 하나로 끝나는 도구는 몇 분이면 나와요.

견적 계산기
랜딩 페이지 시안
간단한 게임

아티팩트는 링크로 다른 사람에게 보여 줄 수도 있어요.

다만 내 도메인을 붙이고, 회원을 받고, 결제를 받는 서비스로 운영할 수는 없어요. 아이디어를 눈으로 확인하거나 혼자 쓰는 도구를 만들 때 맞아요.

러버블·v0·볼트는 어디까지 되나요

한 단계 더 가요. 로그인, 데이터 저장, 서버에 올리는 일까지 브라우저 안에서 해 줘요.

설치할 것도 없고 서버를 몰라도 돼요. 비개발자가 시작하기에 가장 쉬워요.

이런 데 쓰면 좋아요.

화면 구성을 미리 보는 프로토타입
사람들이 문의를 남기는지 보는 첫 반응 확인
고객이나 투자자 앞에서 하는 시연
정부지원사업에 내는 최소 기능의 첫 버전

웹 기반 도구의 한계는 뭔가요

네 가지예요.

1. 복잡해지면 결과가 안 나와요. 간단한 홈페이지나 목록은 잘 만들어요. 기능이 서로 얽히면 고쳐 달라는 곳 말고 다른 곳까지 건드려요. 눈에 띄는 오류도, 미묘하게 이상한 동작도 늘어요.

2. 디자인이 정해진 패턴대로 나와요. 깔끔하지만 다른 서비스와 비슷해 보여요. 내 서비스만의 개성을 담기 어려워요.

3. 비용이 커질 수 있어요. 처음엔 무료지만 쓴 만큼 크레딧이 나가는 방식이 많아요. 수정이 잦아지면 설치 기반 도구의 비싼 월 요금제보다 더 나오기도 해요.

4. 운영에 필요한 부분이 약해요. 영상이나 음성 변환처럼 오래 걸리는 작업은 하기 어려워요. 사용자가 어디로 들어와 어디서 나가는지 분석하기도 어려워요.

보안은 괜찮나요

웹 기반 도구는 로그인과 데이터베이스를 대신 구성해 줘요. 그래서 보안도 어느 정도 챙겨 줘요.

그래도 실제로 문제가 드러난 사례가 있어요.

작년에 보안 연구자들이 러버블로 만든 서비스 1,600개를 살펴봤어요. 170개에서 가입자 정보를 누구나 볼 수 있었어요. 누가 어떤 정보를 볼지 정하는 데이터베이스 설정이 빠졌거나 잘못돼 있었어요.
같은 해 베이스44에서는 비공개 앱에 외부 사람이 가입해 들어갈 수 있는 문제가 나왔어요. 회사가 하루 만에 고쳤어요.

화면은 정상으로 보여요. 그래서 만든 사람은 알아차리기 어려워요. 점검 방법은 바이브코딩 앱 데이터베이스 보안 점검에 적었어요.

정리하면, 웹 기반 도구는 프로토타입까지예요.

실제로 운영할 서비스는 무엇으로 만드나요

클로드 코드나 코덱스 같은 설치 기반 도구로 만들어요.

웹 기반 도구는 화면을 보여 주며 만들어요. 설치 기반 도구는 프로젝트 코드 전체를 읽고, 직접 실행하고, 테스트까지 해요.

내 컴퓨터에서 돌아가서 좋은 점도 있어요.

영상 변환 프로그램 같은 것도 설치할 수 있어요.
서버와 개발 도구를 내가 고를 수 있어요.
테스트를 만들어 두고 고칠 때마다 전체를 확인하게 시킬 수 있어요.

비용도 예측할 수 있어요. 웹 기반 도구는 많이 쓰면 상한이 없어요. 설치 기반 도구는 10만 원대 구독 요금제 안에서 훨씬 많은 기능을 만들 수 있어요.

러버블로 만든 프로토타입은 버려야 하나요

아니요. 설치 기반 도구로 만들 때 참고 자료로 쓰면 돼요.

옮기는 방법은 세 단계예요.

웹 기반 도구에서 소스코드를 받아요. 깃허브로 연동하거나 내려받아요.
내 컴퓨터에 클로드 코드나 코덱스를 설치해요. 윈도우와 맥 설치 방법은 헤이제임스 무료 강의에 있어요.
"이 코드를 참고해서 다시 만들어 줘"라고 시켜요.

이미 만들었는데 왜 다시 만들까요? 설치 기반 도구가 개발을 훨씬 잘해서, 고치는 것보다 다시 만드는 게 더 안정적이에요.

기술도 직접 고를 수 있어요. 웹 기반 도구의 정해진 기술 대신, AI가 더 잘 만드는 루비 온 레일즈 같은 기술을 지정할 수 있어요.

설치 기반 도구는 부담이 없나요

있어요. 웹 기반 도구가 대신하던 일을 이제 직접 챙겨야 해요.

내 컴퓨터에 개발 환경을 설치해요.
만든 서비스를 서버에 올리는 배포를 직접 해요.
사용자가 늘면 서버를 키우는 일도 내 몫이에요.
보안도 무엇을 막아야 하는지 내가 알고 요청해야 해요.

배포는 바이브코딩 앱, 내 서버에 배포하기를 참고하세요.

비개발자 혼자 끝까지 갈 수 있나요

어느 정도는 돼요. 매칭 플랫폼, 커뮤니티, 간단한 SaaS 정도는 비개발자도 혼자 만들 수 있어요.

다만 서비스를 만들어 본 경험이 없으면 이런 문제가 생겨요.

완성도가 낮아요.
사용자 통계를 보고 분석하기 어려워 수익화가 쉽지 않아요.
사용자가 늘면 보안이나 코드 구조에서 문제가 생기기 쉬워요.

회원가입이나 쿠폰처럼 흔한 기능에도 정책, 화면, 관리 기능이 많이 필요해요. AI가 알아서 다 만들어 주지 않아요. 빠뜨리면 돈을 잃거나 법적 문제가 생길 수 있어요.

예를 들면 이런 요청이에요.

"비밀번호는 알아볼 수 없게 저장해 줘."
"결제 버튼이 두 번 눌려도 한 번만 처리해 줘."

필요하다는 걸 아는 사람만 요청할 수 있어요. 비개발자는 화면에 보이는 것만 요청하게 돼요. 안 보이는 부분은 빈 채로 남고, 문제는 사용자가 늘어난 뒤에 드러나요.

전문가에게는 무엇을 맡기나요

진지하게 사업을 하려면 전문가와 같이 만드는 게 좋아요. 개발과 기획·디자인으로 나눠 볼게요.

개발 전문가

코드 구조 — 기능이 수십 개가 되면 코드를 어떻게 나눴는지에 따라 고치는 비용이 달라져요. AI도 잘 짜인 구조를 더 잘 이해해요. 그래서 이후 개발과 운영이 쉬워져요.
무겁고 복잡한 작업 — 영상과 음성을 만들거나 편집하는 기능이 대표적이에요. 한 시간짜리 영상을 올렸는데 변환하는 동안 화면이 멈춰 있으면 사용자는 고장 났다고 생각해요. 그래서 뒤에서 따로 돌리고 끝나면 알려 줘요. 이걸 백그라운드 처리라고 해요.
확장 대비 — 사용자가 늘 때 서버를 얼마나 늘리고 비용을 어떻게 잡을지는 운영 경험이 있어야 정할 수 있어요.

기획·디자인 전문가

화면 구성, 메뉴 구성, 사용 흐름, 그리고 라이팅이에요.

AI가 만든 화면은 깔끔해 보여요. 그런데 가입부터 결제까지 몇 번 눌러야 하는지, 메뉴 이름만 보고 이해되는지는 잘 판단하지 못해요.

라이팅은 버튼과 안내 문구를 쓰는 일이에요. AI는 코드는 잘 짜도 문구는 이상하게 쓸 때가 많아요. 최신 클로드나 GPT 모델도 그래요.

기능은 다 있는데 결제가 안 일어난다면, 코드보다 화면과 문구를 먼저 의심하세요.

어떤 방식으로 만들지 고민된다면 외주 개발, 바이브코딩, 개발자 채용 비교도 함께 보세요.

헤이제임스 실시간 제작은 어떻게 다른가요

웹 기반 도구로 첫 버전을 만들고, 출시 앞에서 막힌 대표님들이 많이 찾아오세요.

제가 대표님과 실시간으로 붙어서 4시간 안에 핵심 기능을 갖춘 서비스를 실서버에 출시해요. 다른 개발 에이전시가 수천만 원 견적을 낸 것도 4시간 안에 끝난 경우가 있어요.

웹 기반 도구로 만든 프로토타입을 참고해 운영과 확장이 되는 버전을 같이 만들어요.
만드는 과정을 보고 배우실 수 있어요.
직접 바이브코딩으로 고치고 운영하시도록 가이드해 드려요.
사업성, UX 디자인, 마케팅, 보안, 운영 이슈를 같이 봐요.

정리하면

단계	쓸 도구
아이디어 확인	클로드 아티팩트, 챗GPT 캔버스
프로토타입과 첫 반응	러버블, v0, 볼트 같은 웹 기반 도구
실제로 운영할 서비스	클로드 코드, 코덱스 같은 설치 기반 도구
복잡한 기능, 배포와 확장, 데이터베이스와 사용성 최적화	전문가와 함께

이 내용은 유튜브 영상으로도 볼 수 있어요.

자주 묻는 질문

비개발자는 어떤 바이브코딩 도구부터 써야 하나요?

아이디어를 눈으로 보고 싶다면 클로드 아티팩트나 챗GPT 캔버스부터 써 보세요. 로그인과 데이터 저장까지 있는 프로토타입은 러버블, v0, 볼트 같은 웹 기반 도구가 가장 쉬워요. 실제로 운영할 서비스는 클로드 코드나 코덱스로 만들어요.

러버블로 만든 앱을 그대로 출시해도 되나요?

프로토타입이나 첫 반응 확인용으로는 괜찮아요. 다만 러버블로 만든 서비스 1,600개 중 170개에서 가입자 정보가 노출된 사례가 있었어요. 회원과 결제를 받을 서비스라면 보안 설정을 점검하거나 설치 기반 도구로 다시 만드는 걸 권해요.

클로드 코드와 코덱스는 비용이 얼마나 드나요?

월 구독 요금제로 써요. 10만 원대 요금제 안에서도 웹 기반 도구보다 훨씬 많은 기능을 만들 수 있어요. 웹 기반 도구는 쓴 만큼 크레딧이 나가서 수정이 잦으면 비용이 더 커질 수 있어요.

쓴 사람 — 제임스
연세대 컴퓨터과학을 전공한 23년차 개발자예요. 개발 에이전시를 8년간 운영하며 스타트업 플랫폼 350개를 만들었고, 연매출 100억 원 커머스 기업의 CTO를 지냈어요. 정부지원사업을 받아도 봤고 심사위원도 해 봤어요. 최근 2년은 AI로 개발을 효율화하는 데 집중하고 있어요.