러버블(Lovable)은 채팅으로 설명하면 화면과 백엔드까지 갖춘 웹앱을 만들어 주는 바이브코딩 도구입니다. 결론부터 말하면 아이디어를 화면으로 확인하는 단계는 무료로 충분하고, 사용자 지정 도메인을 붙이거나 코드를 직접 고쳐야 할 때 Pro(월 $25)로 올리면 됩니다. 이 글의 가격과 한도는 2026년 10월 12일 러버블 공식 요금표와 문서(docs.lovable.dev)에서 확인한 값입니다. 바이브코딩 자체가 처음이라면 바이브코딩이란 무엇이고 어디까지 되는지를 먼저 보면 이 글이 더 쉽게 읽힙니다.
러버블 AI는 무엇을 만들어 주나요?
러버블은 프로젝트 채팅에 원하는 앱을 문장으로 적으면 프런트엔드와 백엔드를 함께 생성하고, 바로 실행되는 미리보기와 배포 주소까지 줍니다. 공식 문서 기준으로 할 수 있는 일은 이렇습니다.
- 화면과 기능 생성: 랜딩 페이지, 로그인, 게시판 같은 기능을 문장으로 요청
- 기본 백엔드(Cloud): 데이터베이스·인증·파일 저장소·엣지 함수가 기본으로 켜져 있음
- 배포와 호스팅: lovable.app 주소로 바로 게시, 유료 요금제는 사용자 지정 도메인 연결
- Git 동기화: GitHub·GitLab·Bitbucket 저장소와 양방향 동기화
2026년 5월 13일 이후 새로 만든 앱은 TanStack Start 기반이고, 그전 앱은 React + Vite 기반입니다. 둘 다 오픈소스 프레임워크라 나중에 다른 호스팅으로 옮길 수 있습니다.
러버블 사용법은 어떻게 시작하나요?
처음 쓰는 순서는 단순합니다.
- lovable.dev에서 가입합니다(Free는 카드 등록이 필요 없습니다).
- 새 프로젝트를 만들고, 만들 앱을 한두 문장으로 적습니다. 예: "동네 미용실 예약 페이지. 날짜·시간을 고르고 이름과 전화번호를 남기면 관리자 화면에 목록이 보이게."
- 큰 변경 전에는 Plan 모드로 계획부터 받습니다. Plan 모드는 코드를 고치지 않고 접근 방법만 정리해 줍니다.
- 계획이 맞으면 Build 모드로 실제 구현을 맡깁니다.
- 미리보기에서 확인하고, 괜찮으면 게시합니다.
요청은 한 번에 하나씩, 작게 나누는 편이 크레딧도 덜 들고 결과도 덜 엇나갑니다. 화면 디자인부터 막힌다면 피그마AI로 디자인을 코드로 넘기는 흐름을 먼저 보는 것도 방법입니다.
러버블 요금제는 무엇이 다른가요?
개인·소규모 팀이 고를 요금제는 Free, Pro, Business 세 가지이고, 대규모 조직용 Enterprise는 규모 기반 견적입니다.
| 항목 | Free | Pro | Business |
|---|---|---|---|
| 월 요금(최저 단계) | $0 | $25 | $50 |
| 월 크레딧 | 없음(일일 크레딧만) | 100개부터 | 100개부터 |
| 일일 빌드 크레딧 | 하루 5개, 월 30개까지 | 하루 5개, 월 상한 없음 | 하루 5개, 월 상한 없음 |
| 코드 편집·다운로드 | 안 됨 | 됨 | 됨 |
| 사용자 지정 도메인 | 안 됨 | 됨 | 됨 |
| SSO·내부 게시 | 안 됨 | 안 됨 | 됨 |
| 학습 데이터 제외 | 계정별 옵트아웃 | 계정별 옵트아웃 | 기본 제외 |
Pro와 Business는 월 100크레딧부터 10,000크레딧까지 단계를 고를 수 있고, 연간 결제는 월 결제보다 두 달치가 무료입니다. 대학 이메일로 인증한 학생·교사는 Pro 100크레딧 월 결제를 최대 12개월 50% 할인받을 수 있습니다.
러버블 크레딧은 어떻게 계산하나요?
러버블은 앱을 만들 때, 채팅할 때, 앱을 호스팅·운영할 때, 앱 안의 AI 기능이 돌 때 모두 크레딧 하나의 잔액에서 차감합니다.
만들 때 드는 크레딧
- Plan 모드: 메시지당 1크레딧에, 계획을 세우며 돌린 추가 조사 비용이 더해집니다.
- Build 모드: 요청의 복잡도와 실제로 한 작업량에 따라 달라집니다. 공식 예시는 버튼 색 변경 0.5, 로그인 기능 추가 1.2, 이미지가 들어간 랜딩 페이지 2.0크레딧입니다.
- 진행 중에 멈춘 요청은 그때까지 한 작업만 과금되고, 아무것도 바꾸기 전에 멈추면 과금되지 않습니다.
무료로 들어오는 크레딧
| 지급 | 대상 | 초기화 |
|---|---|---|
| 일일 빌드 크레딧 5개 | 만들기(채팅 허용량을 다 쓴 뒤엔 채팅도) | 매일 00:00 UTC, 이월 없음 |
| 월 Cloud 지급 20크레딧 | 호스팅·백엔드 운영 | Free는 매월 1일, 유료는 결제 주기 |
| 월 AI 지급 4크레딧 | 배포한 앱 속 AI 기능 | Free는 매월 1일, 유료는 결제 주기 |
00:00 UTC는 한국 시간 오전 9시입니다. 월 Cloud·AI 지급과 채팅 요금 방식은 공식 문서가 '임시 제공'이라고 밝힌 부분이라 바뀔 수 있습니다.
남은 크레딧은 이월되나요?
활성 구독 중이면 쓰지 않은 월 크레딧은 다음 달로 넘어갑니다. 다만 월 결제는 지급일로부터 2개월이 지나면 사라지고, 따로 충전한 크레딧은 구매 후 12개월까지 유효합니다.
크레딧을 덜 쓰려면 무엇을 바꾸면 되나요?
공식 문서의 과금 구조를 보면 크레딧이 빨리 줄어드는 지점은 정해져 있습니다.
- 큰 요청은 Plan 모드로 먼저: 1크레딧으로 계획을 받아 방향을 맞춘 뒤 Build로 넘기면, 잘못 만든 결과를 되돌리는 Build 요청이 줄어듭니다.
- 한 번에 하나만: 여러 기능을 한 문장에 몰아 넣으면 코드 탐색·검증 작업이 커져 한 번의 차감이 커집니다.
- 이미지·영상 생성은 꼭 필요할 때만: 생성 작업은 같은 Build 잔액에서 나갑니다. 시안 단계에서는 자리 이미지로 두는 편이 낫습니다.
- 응답마다 실제 차감량 확인: 응답 아래 메뉴의 'Credits used'로 어떤 요청이 비쌌는지 보고 다음 요청을 조정합니다.
수파베이스는 따로 가입해야 하나요?
대부분은 따로 가입하지 않아도 됩니다. 러버블의 기본 백엔드(Cloud)가 수파베이스 오픈소스를 바탕으로 데이터베이스·인증·저장소를 이미 제공하고, 비용은 러버블 크레딧에서 나갑니다.
본인 수파베이스 프로젝트를 연결하는 경우는 백엔드 계정과 결제를 직접 갖고 싶을 때, 수파베이스 대시보드를 그대로 쓰고 싶을 때입니다. 이때 비용은 수파베이스 요금제로 따로 나가니 수파베이스 무료 플랜 한도와 요금을 함께 확인하세요. 공식 문서는 두 방식 사이에 원클릭 이전이 없다고 밝히므로, 프로젝트 초기에 어느 쪽을 쓸지 정하는 것이 좋습니다.
러버블로 만든 코드는 내 것인가요?
공식 문서는 러버블로 만든 앱·코드·콘텐츠가 사용자 소유이고, 상업적으로 써도 되며, 원하는 곳에 호스팅할 수 있다고 밝힙니다(오픈소스 라이선스 같은 제3자 권리는 별개). 실제로 옮기는 길은 세 가지입니다.
- 코드 보관: Git 동기화로 내 저장소에 코드를 둡니다. Free에서도 됩니다.
- 프런트엔드만 이전: 다른 호스팅에 배포하고 백엔드는 러버블 Cloud에 둡니다.
- 완전 이전: 데이터를 내 수파베이스 등으로 옮기고, 러버블을 거치던 AI·커넥터 호출을 직접 바꿉니다.
옮기기 전에 저장소를 내 컴퓨터에서 한 번 실행해 보고, 다른 호스팅에 복사본을 배포해 보면 실제로 묶여 있지 않은지 미리 확인할 수 있습니다.
러버블이 맞지 않는 경우는 언제인가요?
- 크레딧 예측이 중요한 서비스: 만들기·운영·AI 기능이 모두 같은 잔액에서 나가므로, 사용자가 늘수록 운영 크레딧이 함께 늘어납니다. 사용량 한도와 알림(유료 요금제)을 먼저 걸어 두세요.
- 복잡한 업무 규칙이 많은 앱: 결제·정산·권한처럼 규칙이 얽힌 기능은 요청을 여러 번 고쳐야 해 크레딧이 빠르게 줄어듭니다. 이 단계에서는 클로드 코드처럼 저장소 전체를 다루는 도구나 커서AI 같은 편집기로 넘어가는 편이 효율적입니다.
- 사내 보안 기준이 있는 회사: SSO와 기본 학습 제외는 Business부터라 Free·Pro로 회사 데이터를 다루기는 어렵습니다.
- 한 장짜리 계산기·시안: 공유만 하면 되는 작은 결과물은 클로드 아티팩트로도 충분할 수 있습니다.
- 앱이 아니라 소개용 홈페이지가 필요한 경우: 아임웹·웹플로우 같은 웹사이트 빌더가 더 맞을 수 있습니다. 용도별 차이는 노코드 툴 비교에 정리했습니다.
그래서 러버블은 어떻게 쓰면 되나요?
- Free로 시작: 아이디어 화면을 만들고 Plan 모드로 구조를 잡습니다. 월 30크레딧이면 핵심 화면 몇 개를 확인하기에 충분합니다.
- Pro로 올리는 시점: 내 도메인을 붙이거나 코드를 직접 고쳐야 할 때, 일일 크레딧이 매번 모자랄 때입니다.
- 처음부터 Git 동기화: 코드는 내 저장소에 두고, 백엔드를 Cloud로 할지 내 수파베이스로 할지 초기에 정합니다.
- 성장하면 역할 나누기: 사용자가 생기고 규칙이 복잡해지면 러버블은 화면 시안과 빠른 수정에, 핵심 기능은 개발 도구나 개발팀에 맡깁니다.
만든 앱에서 카드 결제를 받으려면 PG 계약과 카드사 심사가 따로 필요합니다. 준비물과 연동 순서는 토스페이먼츠 연동과 수수료에 정리했습니다.
