Lovable·Bolt 앱 만들기 절차와 요금제 비교

Lovable·Bolt 선택 요약

Lovable과 Bolt는 자연어로 웹 애플리케이션을 생성하는 AI 기반 개발 플랫폼입니다. Figma 디자인 반영과 GitHub 동기화가 목적이면 Lovable이, 브라우저 안에서 풀스택 환경을 시험하는 것이 목적이면 Bolt가 해당합니다. 시작 전에 요금제 조건, 크레딧 제공량, 권한 범위를 대조해야 합니다.

무료 요금제를 사용하는 경우에는 크레딧 한도와 생성 프로젝트의 공개 여부를 확인해야 합니다. 웹 브라우저에서 바로 작업을 시작할 수 있으나, 소스 코드 저장과 이력 관리를 위해 GitHub 계정을 미리 준비해야 합니다.

Lovable과 Bolt의 무료 혜택, 특징, 공개 설정, 요금을 비교한 표입니다.

무료 계정도 비공개 프로젝트를 만들 수 있습니다. 다만 학습 제외는 계정 단위 설정이고 SSO는 Business 이상에만 있으므로, 기업 기밀 데이터는 조직 정책을 확인한 뒤 입력해야 합니다. 18세 미만 사용자는 법적 보호자의 동의가 필요합니다.

앱 요구사항 프롬프트 예시

프롬프트에는 단편적인 요구사항 대신 데이터 구조, UI 구성 요소, 사용자 권한을 명시합니다. 아래 프롬프트를 복사해 대화창에 그대로 입력할 수 있습니다.

[앱 목표]
일정 및 할 일을 관리하는 웹 애플리케이션을 생성합니다.

[주요 기능]
1. 사용자는 할 일을 등록, 수정, 삭제, 완료 처리할 수 있습니다.
2. 각 할 일에는 제목, 세부 설명, 마감일, 우선순위(높음/보통/낮음) 항목이 포함됩니다.
3. 상단에 '전체', '진행 중', '완료' 필터 탭을 배치합니다.

[디자인 및 UI 레벨]
- 반응형 웹 레이아웃을 적용합니다.
- 깔끔한 대시보드 형태의 카드로 할 일 목록을 표시합니다.

생성된 애플리케이션이 요구대로 작동하는지는 다음 체크리스트로 판정합니다.

• 데이터를 추가하면 카드가 목록에 생성되는지 확인합니다.
• 필터 버튼을 클릭하면 상태에 맞는 데이터만 화면에 출력되는지 확인합니다.
• 수정·삭제 후 UI와 내부 데이터 상태가 일치하는지 확인합니다.
• 반응형 레이아웃이 모바일 화면 크기에서 깨지지 않는지 확인합니다.

가입부터 코드 동기화까지의 절차

Lovable에서 앱을 생성하고 배포 가능한 코드로 동기화하는 순서는 다음과 같습니다.

1. lovable.dev/signup 페이지로 이동하여 Google, GitHub 계정 또는 이메일로 무료 회원가입을 완료합니다.
2. 로그인 후 상단 워크스페이스 화면에서 'Create project' 버튼을 클릭하여 새 프롬프트 입력창을 엽니다.
3. 준비한 프롬프트 텍스트를 대화창에 입력한 후 Send 버튼을 클릭하여 AI 코드 생성을 시작합니다.
4. 화면 우측 프리뷰(Preview) 탭에서 실시간으로 생성되는 UI와 동작 상태를 직접 테스트합니다.
5. 상단 메뉴의 'Git sync' 항목을 선택하고 GitHub 계정을 연결하여 생성된 프로젝트 코드를 원격 리포지토리에 푸시합니다.

결과 확인 항목

작업이 완료되었는지 판정하려면 브라우저의 결과와 코드 저장소의 상태를 함께 확인해야 합니다.

Lovable 프리뷰 화면의 입력 폼에 테스트 데이터를 넣었을 때 에러 메시지 없이 화면이 즉시 갱신되면 정상입니다. 데이터 저장과 상태 변경이 예외 없이 반영되는지도 확인합니다.

GitHub 리포지토리 페이지에서 최신 커밋 이력이 반영되었는지 확인합니다. package.json과 주요 소스 파일이 누락 없이 생성되어 있으면 동기화가 완료된 것입니다.

오류 원인과 대안

프롬프트 입력 후 앱 생성이 중단되거나 오류가 발생하면 가장 먼저 크레딧 잔여량을 확인합니다. 일일 제공량인 5크레딧을 모두 사용한 경우에는 다음 날 일일 한도가 초기화될 때까지 기다리거나, 상단 'Settings → Billing' 메뉴에서 Pro 플랜으로 전환해야 합니다.

프리뷰 화면에서 스크립트 오류가 발생하고 복구되지 않는 경우에는 대화창에 '오류 로그를 분석하여 코드를 오류 발생 이전 상태로 되돌려주세요'라고 입력해 복구를 시도합니다.

단순 웹 앱을 넘어 복잡한 백엔드 인프라 수정이나 컨테이너 기반 환경 설정이 필요한 경우에는 Bolt로 전환하는 것이 대안입니다. 또는 GitHub에 연결된 코드를 내려받아 로컬 IDE 환경에서 직접 개발합니다.

SSO 로그인이나 조직 차원의 데이터 학습 제외 정책이 필요한 경우에는 워크스페이스 관리자에게 요청해 Business 플랜 이상 승인을 받아야 합니다.