Build 모드는 Lovable이 프로젝트에서 직접 변경을 구현하고 검증할 수 있게 해 주며, 최소한의 감독으로 실행을 처음부터 끝까지 처리합니다.
Build 모드에서 변경 구현
Build 모드는 Lovable이 프로젝트에서 직접 변경을 구현하고 검증할 수 있게 해 주며, 최소한의 감독으로 실행을 처음부터 끝까지 처리합니다.
모드 선택
Lovable에는 두 가지 모드가 있습니다:
- Plan 모드 → 문제를 생각하고, 옵션을 탐색하고, 접근 방식을 결정합니다
- Build 모드 → 변경을 구현하고 결과를 검증합니다
Plan 모드는 의사 결정용입니다. Build 모드는 실행용입니다.
두 모드는 함께 작동하도록 설계되었으며 언제든지 전환할 수 있습니다.
개요
Build 모드(이전 Agent 모드)는 Lovable의 자율 실행 모드로, 프로젝트에서 변경을 직접 구현하도록 설계되었습니다.
Lovable에게 작업을 주면 처음부터 끝까지 실행에 대한 책임을 집니다. 의도를 이해하고, 컨텍스트를 위해 코드베이스를 탐색하고, 파일 전반에 변경을 적용하고, 개발 중 나타나는 이슈를 해결합니다. 작업하는 동안 가시적인 태스크를 통해 진행 상황을 볼 수 있고, 진행하기 전에 결과를 검토할 수 있습니다.
Build 모드의 용도
Build 모드는 다음에 사용할 수 있습니다:
- 접근 방식이 결정되면 기능이나 변경 구현
- 버그나 오류를 처음부터 끝까지 수정
- 여러 파일에 걸쳐 코드 리팩토링
- 프런트엔드, 백엔드, 구성에 걸쳐 조율된 변경 적용
- 구현 중 발생하는 이슈 디버깅
- 문제를 식별하기 위해 로그와 네트워크 활동 검사
- 필요한 경우 외부 문서나 에셋 가져오기
- 프로젝트에 사용할 이미지와 비디오 생성 또는 편집
- 완료 전 결과 검증
모든 변경은 프로젝트에 직접 적용되며 파일 diff와 요약을 통해 표시됩니다. Details view에서 단계별로 따라갈 수 있습니다.
Build 모드 사용 방법
Plan 모드로 전환하지 않는 한 Build 모드가 활성화되어 있습니다.
사용하려면 원하는 것을 설명하고 메시지를 보냅니다. 명확한 요구사항과 제약은 Lovable이 더 나은 결과를 만들도록 돕습니다.
원하는 것을 구체적으로 설명
Add a contact form with name, email, and message fields. Validate email format and show error messages inline.예상되는 동작 설명
When users click 'Add to Cart', show a success message and update the cart count in the header. Store cart items in local storage.복잡한 변경에 대한 컨텍스트 제공
Update the dashboard to show sales data from the last 30 days. Use the existing Chart component and match the styling used on the analytics page.민감한 영역에 대한 가드레일 설정
Add a new feature to @src/pages/dashboard. Do not modify @src/shared/Layout.tsx or the existing authentication logic.태스크와 실행 가시성
Lovable이 작업하는 동안 채팅 인터페이스에 다음을 보여주는 태스크가 나타납니다:
- 실행 중인 현재 단계
- 수정 중인 파일
- 사용 중인 도구(검색, 웹 fetch, 이미지 생성)
- 다단계 구현의 진행 상황
더 자세히 보려면 Lovable이 작업하는 동안 활동 카드를 클릭하거나, 완료된 변경에서 Details를 클릭하세요. 평소 프리뷰가 표시되는 자리에 Details view가 열립니다. Timeline 탭은 도구 호출을 포함해 Lovable이 수행한 모든 단계를 나열하고, Changes 탭은 그 결과로 바뀐 파일을 보여줍니다. Hide details를 클릭하면 프리뷰로 돌아갑니다.
이 가시성은 다음을 돕습니다:
- 복잡한 빌드의 진행 상황 따라가기
- 수행 중인 단계 이해
- 복잡한 변경 중 방향성 유지
- 무언가 잘못된 것 같으면 일찍 발견
빌드 도중 후속 메시지 보내기
Lovable이 요청을 처리 중이어도 기다릴 필요가 없습니다. 언제든 후속 요청, 수정 사항, 새 아이디어를 보내 작업 방향을 조정할 수 있습니다. Lovable은 완료한 작업을 잃지 않고 다음 자연스러운 중단 지점에서 메시지를 반영합니다. Try to fix 같은 일부 메시지는 현재 요청이 끝난 뒤 별도 요청으로 실행됩니다. 자세한 내용은 Lovable이 작업하는 동안 후속 메시지 보내기를 참고하세요.
현재는 deprecated된 메시지 큐가 계정에 남아 있다면 메시지는 계속 순서대로 대기합니다. 대기 메시지의 Send now를 누르면 후속 메시지처럼 실행 중인 작업에 즉시 전달됩니다. Settings → Your account의 Message queue 설정에서 큐를 끄고 후속 메시지 방식으로 전환할 수 있습니다. 이 설정은 큐가 남아 있는 계정에만 표시됩니다.
디버깅과 검증
Build 모드를 사용할 때 Lovable은 코드가 컴파일되는지 확인하는 것 이상을 합니다.
조사와 문제 해결의 일부로 에이전트는 다음을 할 수 있습니다:
- 테스트 실행의 빌드 오류와 실패 관찰
- 검증 도구가 사용될 때 콘솔 출력과 네트워크 요청 검사
- 브라우저 테스팅 또는 타겟팅된 백엔드 호출을 사용해 보고된 이슈 재현
- 적절한 확인을 실행하여 수정이 예상대로 작동하는지 검증
Lovable은 브라우저 테스팅, 프런트엔드 테스트, edge function 검증 같은 검증 도구에 접근하여 시스템 동작을 이해하고, 사용자 워크플로를 검증하고, 백엔드 로직이 예상대로 작동하는지 확인합니다. 이러한 도구 대부분은 요청할 때만 실행됩니다.
테스팅과 검증 기능에 대한 자세한 설명은 앱 테스트 및 검증을 참조하세요.
가격
Build 모드의 가격은 사용 기반입니다. 비용은 다음과 같은 요인에 따라 달라집니다:
- 수정된 파일 수
- 로직 변경의 복잡도
- 필요한 코드베이스 탐색 양
- 검증, 브라우저 검사, 웹 검색, 이미지 생성 같은 도구 사용
많은 요청은 1 크레딧 미만이지만 더 복잡한 태스크는 더 많이 들 수 있습니다. 비용은 실행 중에 드러나는 작업량에 따라 달라지므로 Lovable은 Build 모드 요청 전에 크레딧을 미리 추정해 보여주지 않습니다. 요청이 끝난 뒤 비용을 확인하려면 채팅에서 Lovable 응답 아래의 세 점 메뉴를 클릭하세요. 크레딧 및 사용량과 응답에 대한 액션을 참조하세요.
Lovable이 메시지를 처리하는 동안 워크스페이스의 크레딧이 소진되면 메시지는 종료되지 않고 일시 중지됩니다. 채팅에 나타나는 카드에서 크레딧을 추가해 중단 지점부터 재개하거나, 진행 중인 내용만 마무리하도록 할 수 있습니다. 크레딧이 소진되면 어떻게 되나요를 참조하세요.
Build mode 요청 비용 제어하기
Build 모드 요청의 비용을 조절하는 방법은 여러 가지입니다.
- 프롬프트 범위를 좁게 잡으세요. Build 모드 사용법에서 설명한 대로 한 번에 하나의 변경만 요청하고 손댈 파일이나 영역을 구체적으로 지정하세요. "앱을 정리해 줘" 같은 광범위한 프롬프트는 코드베이스를 더 많이 탐색하고 더 많은 파일을 수정하므로, "@src/pages/signup.tsx의 가입 폼에 이메일 검증을 추가해 줘"처럼 범위가 정해진 프롬프트보다 비용이 큽니다.
- 크거나 익숙하지 않은 변경은 먼저 계획하세요. Plan 모드로 전환하면 코드가 바뀌기 전에 의도한 접근 방식, 관련 파일, 단계를 검토할 수 있습니다. Plan 모드 메시지는 하나당 1 크레딧이므로, 예측 가능한 1 크레딧으로 Build 모드가 무엇을 할지 미리 확인하는 셈입니다.
- 크레딧 check-in으로 비싼 메시지를 잡아내세요. 메시지 하나가 check-in 수준(기본 20 크레딧)을 넘으면 Lovable이 지금까지의 비용과 함께 일시 중지하고, 계속할지, 수준을 조정할지, 진행 중인 내용을 마무리할지 선택하게 합니다. check-in은 계정 설정에서 관리합니다. 베타 기능입니다. 빌드 비용을 참조하세요.
- 진행 중인 요청을 중지하세요. Lovable이 작업하는 동안 중지 버튼을 클릭하면 현재 태스크가 즉시 멈춥니다. 중지된 요청은 그 시점까지 완료된 작업에 대해서만 과금되며 완료된 변경은 유지됩니다. 변경까지 버리려면 실행 취소 버튼으로 이전 상태로 되돌리세요.
- Details view로 진행 상황을 지켜보세요. Lovable이 작업하는 동안 채팅의 활동 카드를 클릭하면 각 단계, 도구, 파일 변경이 실행되는 대로 표시되는 Details view가 열립니다. 태스크가 의도보다 커지고 있다면 일찍 중지할 수 있습니다.
- 큰 작업을 시작하기 전에 잔액을 확인하세요. Settings → Plans & credit usage에서 남은 크레딧을 확인하거나, 프로젝트 에디터에서 프로젝트 이름을 클릭해 크레딧 바를 확인하세요. 크레딧 잔액 확인을 참조하세요.