Lovable.dev

소개

주요 기능

• 앱을 텍스트로 설명 → 페이지와 파일이 포함된 실행 가능한 웹앱 스캐폴드 생성
• Plan 모드 켜기 → 기능을 정리하고 앱이 생성할 구조화된 작업 목록을 제공
• Agent 모드 활성화 → AI가 프로젝트 전반의 코드와 파일을 편집·생성
• Google auth·payments 켜기 → OAuth나 결제 코드를 직접 쓰지 않고 로그인·결제 가능
• Free로 시작 (일 5크레딧, 월 최대 30) → 소형 프로토타입을 테스트 후 Pro로 업그레이드

이런 상황에 추천

• 스타트업 창업자가 주말 동안 SaaS MVP를 검증하기 위해 개인 프로젝트를 빠르게 배포할 때
• 프리랜스 디자이너가 한 문단 브리프로 인터랙티브 데모를 만들어 고객에게 제안할 때
• 그로스 마케터가 Google 로그인과 결제 기능을 갖춘 게이티드 마이크로사이트를 캠페인용으로 띄울 때

이렇게 써보세요

1. 1
   제품 브리프를 MVP로 전환

   → 앱의 한 문단 설명(사용자, 핵심 기능, 페이지)을 입력하세요 → Lovable이 라우트와 샘플 데이터가 포함된 실행 가능한 프로젝트 골격을 생성합니다 → 내장 에디터에서 UI 문구를 수정하고 서브도메인에 배포해 테스트합니다.

2. 2
   프로토타입에 구글 로그인 추가

   → 프로젝트 설정에서 Google auth를 활성화하고 안내를 따르세요 → 플랫폼이 인증 라우트와 로그인 UI 흐름을 자동으로 추가합니다 → 로컬 또는 퍼블리시된 서브도메인에서 로그인 동작과 대시보드 사용자 목록을 확인합니다.

3. 3
   결제 흐름으로 유료 온보딩 만들기

   → Plan 모드에서 가격 정책(요금제, 체험, 업그레이드)을 입력하세요 → Lovable이 결제 페이지, 빌링 라우트, 통합 코드까지 생성합니다 → 샌드박스에서 구매 플로우를 테스트한 뒤 공개합니다.

4. 4
   Agent 모드로 화면 반복 개선

   → 수정할 페이지를 선택하고 Agent 모드를 열어 구체적 편집 요청(검증 추가, 레이아웃 변경)을 입력하세요 → 에이전트가 프로젝트 여러 파일을 업데이트하고 에디터 미리보기를 갱신합니다 → 변경사항(diff)을 검토해 수락하고 필요하면 재요청합니다.

5. 5
   기능을 작업 단위로 분해하기

   → Plan 모드에서 앱의 상위 목표를 입력하세요 → Lovable이 프런트·백·인증·결제 별로 구조화된 기능 목록과 작업 항목을 반환합니다 → 생성·편집 우선순위를 정해 다음 작업을 진행합니다.

장단점

시작하는 법

1. 1 lovable.dev에서 계정 생성(무료 플랜, Google 로그인 가능)
2. 2 새 프로젝트 시작 후 한 문장으로 앱의 페이지와 동작을 설명
3. 3 사용 가능한 크레딧으로 무료 서브도메인에 배포해 몇 분 내로 동작 링크 공유

가격 정보