Lovable과 Bolt로 앱 만들기 절차 및 계정·요금제 비교

작업 전 준비물과 적용할 수 없는 조건

Lovable과 Bolt는 자연어로 웹 애플리케이션을 생성하는 AI 기반 개발 플랫폼입니다. 서비스를 구축하기 전 사용할 플랫폼의 요금제 조건, 크레딧 제공량, 권한 범위를 명확히 대조해야 합니다. 작업 목적이 디자인 시스템 반영인지 풀스택 환경 테스트인지에 따라 적절한 플랫폼을 선택합니다.

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

기계식 키보드와 같은 물리 장비는 입력 정확도를 높일 수 있으나 필수 조건은 아닙니다. 일반 타이핑이 가능한 표준 키보드 환경이면 앱 생성을 진행할 수 있습니다.

무료 계정 상태에서는 비공개(Private) 프로젝트 생성이 불가능하므로 보안이 필요한 기업 기밀 데이터는 입력하지 않습니다. 18세 미만 사용자는 법적 보호자의 동의가 필요합니다.

복사 가능한 실제 입력 예시 또는 검수표

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

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

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

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

프롬프트 입력 후 생성된 애플리케이션의 동작 여부를 판단하기 위해 다음 검수 항목을 체크리스트로 활용합니다.

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

메뉴·파일·입력·확인 상태가 포함된 5단계 이상 실행 절차

웹 브라우저를 이용해 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 플랜 이상 승인을 받아야 합니다.