Agent 모드로 빌드하기

Agent 모드는 Lovable이 프로젝트에서 직접 변경 사항을 구현하고 검증하며, 최소한의 감독으로 처음부터 끝까지 실행을 처리할 수 있게 해줍니다.

개요

Agent 모드는 프로젝트에서 직접 변경 사항을 구현하도록 설계된 Lovable의 자율 실행 모드입니다.

Lovable에게 작업을 주면, 처음부터 끝까지 실행의 소유권을 가집니다. 의도를 이해하고, 컨텍스트를 위해 코드베이스를 탐색하고, 파일 전체에 변경 사항을 적용하고, 개발 중 나타나는 문제를 해결합니다. 작업하는 동안 표시되는 작업을 통해 진행 상황을 확인하고 넘어가기 전에 결과를 검토할 수 있습니다.

Agent 모드의 용도

Agent 모드를 사용하여 다음을 수행할 수 있습니다:

• 접근 방식이 결정되면 기능이나 변경 사항 구현
• 버그나 오류를 처음부터 끝까지 수정
• 여러 파일에 걸쳐 코드 리팩토링
• frontend, backend 및 구성 전체에 조정된 변경 사항 적용
• 구현 중 발생하는 문제 디버깅
• 문제를 식별하기 위해 로그 및 네트워크 활동 검사
• 필요할 때 외부 문서나 자산 가져오기
• 프로젝트에서 사용할 이미지와 동영상 생성 또는 편집
• 완료하기 전에 결과 검증

모든 변경 사항은 프로젝트에 직접 적용되고 파일 diff와 요약을 통해 표시됩니다. 상세 보기에서 단계별로 따라갈 수 있습니다.

Agent 모드 사용 방법

Plan 모드로 전환하지 않는 한 Agent 모드가 활성화되어 있습니다.

사용하려면 원하는 것을 설명하고 메시지를 보내세요. 명확한 요구사항과 제약 조건은 Lovable이 더 나은 결과를 내는 데 도움이 됩니다.

원하는 것을 구체적으로 설명하세요

이름, 이메일, 메시지 필드가 있는 문의 양식을 추가해줘. 이메일 형식을 검증하고 인라인으로 오류 메시지를 표시해.

예상 동작을 설명하세요

사용자가 '장바구니에 추가'를 클릭하면 성공 메시지를 표시하고 헤더의 장바구니 개수를 업데이트해. 장바구니 항목을 로컬 스토리지에 저장해.

복잡한 변경에 대한 컨텍스트를 제공하세요

대시보드를 업데이트해서 지난 30일간의 매출 데이터를 표시해. 기존 Chart 컴포넌트를 사용하고 분석 페이지에서 사용된 스타일링과 맞춰줘.

민감한 영역에 대한 가드레일을 설정하세요

@src/pages/dashboard에 새 기능을 추가해. @src/shared/Layout.tsx나 기존 인증 로직은 수정하지 마.

작업 및 실행 가시성

Lovable이 작업하는 동안 채팅 인터페이스에 다음을 보여주는 작업이 나타납니다:

• 현재 실행 중인 단계
• 수정 중인 파일
• 사용 중인 도구(검색, 웹 가져오기, 이미지 생성)
• 다단계 구현을 통한 진행 상황

이 가시성은 다음에 도움이 됩니다:

• 복잡한 빌드의 진행 상황 추적
• 수행 중인 단계 이해
• 복잡한 변경 중 방향 유지
• 문제가 있어 보이면 조기에 발견

프롬프트 큐

Lovable은 한 번에 하나의 작업을 처리합니다. Lovable이 작업하는 동안 계속 프롬프트를 보낼 수 있으며 채팅 입력 위에 보이는 큐에 추가됩니다.

• 필요에 따라 전체 큐를 일시 중지하고 재개
• 개별 대기 중인 프롬프트를 재정렬, 편집, 복사 또는 제거
• 대기 중인 프롬프트를 지정된 횟수만큼 반복(최대 500회)

이를 통해 작업을 일괄 처리하고, 기다리지 않고 협업하고, 반복적인 워크플로우를 자동화하기가 더 쉬워집니다.

디버깅 및 검증

Agent 모드를 사용할 때 Lovable은 코드 컴파일 이상의 작업을 수행합니다.

조사 및 문제 해결의 일부로 에이전트는 다음을 수행할 수 있습니다:

• 테스트 실행에서 빌드 오류 및 실패 관찰
• 검증 도구가 사용될 때 콘솔 출력 및 네트워크 요청 검사
• 브라우저 테스트 또는 대상 backend 호출을 사용하여 보고된 문제 재현
• 적절한 검사를 실행하여 수정이 예상대로 작동하는지 확인

Lovable은 시스템 동작을 이해하고, 사용자 워크플로우를 검증하고, backend 로직이 예상대로 작동하는지 확인하기 위해 브라우저 테스트, frontend 테스트 및 Edge Function 검증과 같은 검증 도구에 액세스할 수 있습니다. 이러한 도구의 대부분은 요청할 때만 실행됩니다.

테스트 및 검증 기능에 대한 자세한 설명은 앱 테스트 및 검증을 참조하세요.

가격

Agent 모드의 가격은 사용량 기반입니다. 비용은 다음과 같은 요인에 따라 달라집니다:

• 수정된 파일 수
• 로직 변경의 복잡도
• 필요한 코드베이스 탐색량
• 검증, 브라우저 검사, 웹 검색 또는 이미지 생성과 같은 도구 사용

많은 요청은 1 크레딧 미만이 소요되며, 더 복잡한 작업은 더 많이 소요될 수 있습니다. 해당 메시지의 점 세 개 메뉴에서 메시지 비용을 확인할 수 있습니다. 자세한 내용은 크레딧 사용을 참조하세요.

FAQ