초안으로 변경 사항 살펴보기

초안을 만들어 프로젝트의 별도 사본에서 변경을 시도하고, 아이디어를 비교하고, 마음에 드는 것만 프로젝트에 다시 추가하세요.

초안(draft)을 사용하면 메인 버전이 아니라 프로젝트의 사본에서 변경 작업을 할 수 있습니다. 초안마다 자체 채팅, 프리뷰, 편집 내용이 있습니다. 준비가 되면 초안을 수락(accept)해 편집 내용을 프로젝트에 추가하거나, 초안을 삭제해 편집 내용을 버립니다. 버전 관리를 써 본 적이 있다면 초안은 프로젝트의 브랜치이고, 초안 수락은 브랜치를 다시 머지하는 일에 해당합니다.

초안에서 빌드한 내용은 수락하기 전까지 프로젝트에 반영되지 않습니다. 초안을 수락해도 게시된 앱은 바뀌지 않습니다. 게시된 앱은 게시할 때만 바뀝니다.

앱의 데이터는 예외입니다. 초안은 프로젝트의 실제 데이터를 사용하므로 테스트하면서 추가하거나 바꾼 정보는 실제로 반영됩니다. 초안은 앱의 백엔드와 데이터를 공유를 참고하세요.

초안은 모든 플랜에서 사용할 수 있습니다. 초안에서 보내는 메시지는 프로젝트 메인 버전에서 보내는 메시지와 비용이 같고, 초안을 만들고, 업데이트하고, 수락하고, 삭제하는 데는 크레딧이 들지 않습니다. 초안을 만들고, 업데이트하고, 수락하고, 삭제하려면 편집 권한이 필요합니다.

초안을 쓰면 좋은 경우

초안은 다른 사람이 모두 작업 중인 버전을 바꾸지 않고 무언가를 시도해 보고 싶을 때 유용합니다. 예를 들어 다음과 같은 경우입니다.

• 리디자인을 테스트하세요. 초안에서 새 색상, 글꼴, 다른 레이아웃을 시도해 보고, 확정하기 전에 현재 디자인과 비교합니다.
• 잘 읽히는 문구를 찾으세요. 헤드라인, 제품 설명, 행동 유도 문구(CTA)를 초안마다 다르게 써 보고 가장 잘 읽히는 버전만 남깁니다.
• 새 비주얼과 모션을 시도하세요. 사진, 일러스트, 동영상을 바꾸면 페이지의 느낌이 어떻게 달라지는지 확인하거나, 스크롤 애니메이션, 캐러셀, 고정 내비게이션 바를 테스트합니다.
• 새 데이터가 필요한 기능을 빌드하세요. 초안에서 새 테이블이나 열을 요청합니다. Lovable이 변경을 준비해 두었다가 초안을 수락할 때 프로젝트 데이터베이스에 추가합니다. 초안에서 데이터베이스 테이블과 열 추가하기를 참고하세요.
• 나중에 쓸 변경 사항을 준비하세요. 세일 배너나 시즌 페이지를 오늘 초안에서 빌드해 두고, 프로젝트에 추가하고 싶을 때 수락합니다.
• 변경 작업을 다른 사람에게 맡기세요. 팀원이나 고객이 초안에서 작업하게 한 다음, 변경 사항을 검토하고 준비가 되면 수락합니다.

초안은 선택 사항이며 지금까지 하던 방식 그대로 계속 빌드해도 됩니다. 오타 수정 같은 간단한 변경은 프로젝트에서 직접 하세요.

초안 작동 방식

프로젝트의 메인 버전에서 초안을 만들고, 초안에서 변경 작업을 한 다음, 변경 사항을 유지하려면 초안을 수락하고 버리려면 삭제합니다.

초안을 다루다 보면 Main, Draft, Update, Accept, Delete, Publish라는 여섯 가지 용어를 보게 됩니다.

아래 표는 같은 예시를 들어 각 용어를 설명합니다. 기존 홈페이지를 바꾸지 않고 새 홈페이지 디자인을 시도해 보고 싶은 베이커리 웹사이트를 예로 듭니다.

첫 초안 만들기

다음 단계를 따라 초안을 만들고, 변경 작업을 하고, 프로젝트와 비교하고, 유지할지 결정합니다.

상태 표시기

초안이 여러 개 있으면 스위처에 각 초안의 상태가 표시됩니다.

위 스위처에서 Lovable은 Draft 1에서 작업 중입니다. Draft 2는 지금 보고 있는 초안이며 가져올 최신 프로젝트 편집이 있습니다. Draft 3은 답변을 기다리고 있고, Draft 4는 마지막 작업이 실패했습니다. Main preview의 파란 점은 프로젝트에 게시할 준비가 된 변경 사항이 있다는 뜻입니다.

행 위에 마우스를 올리면 표시기의 의미를 볼 수 있습니다.

표시기가 없는 초안은 따로 신경 쓸 필요가 없습니다.

Main preview 행에는 별도의 표시기가 있습니다. 프로젝트가 게시되었는지, 아직 게시하지 않은 변경 사항이 있는지 알려 줍니다.

게시된 프로젝트에서 초안을 수락하면 초안의 편집 내용이 게시를 기다리게 되므로 이 점이 파란색으로 바뀝니다. 프로젝트 게시를 참고하세요.

최신 프로젝트 변경 사항으로 초안 업데이트하기

초안은 프로젝트의 사본으로 시작합니다. 초안을 만든 뒤에 본인이나 팀원이 프로젝트에 새 변경을 할 수 있습니다. 이런 변경 사항은 초안에 자동으로 나타나지 않습니다.

가져올 최신 변경 사항이 있으면 Lovable이 초안 채팅 위에 New edits available 메시지를 표시하고, 스위처의 초안 행에 Updates available 라벨이 붙은 회색 점이 나타납니다.

Update를 선택하면 최신 프로젝트 변경 사항이 초안으로 들어옵니다. 채팅 위의 메시지, 스위처의 Accept 버튼 옆 셰브론, 초안의 ⋮ 메뉴에서 업데이트할 수 있습니다. 초안의 채팅에서 Lovable에게 초안을 업데이트해 달라고 요청해도 됩니다.

최신 프로젝트 변경 사항이 초안의 편집 내용과 겹치면 Lovable이 업데이트된 버전에 맞게 초안의 편집 내용을 조정합니다. 업데이트는 몇 분이 걸릴 수 있으며, Lovable이 초안 채팅에 후속 메시지를 추가하기도 합니다. 업데이트에는 크레딧이 들지 않습니다.

Lovable이 프로젝트 메인 버전에서 작업하는 동안에도 초안을 업데이트할 수 있습니다. 이때 초안에는 프로젝트에서 지금까지 완료된 편집만 들어옵니다.

초안을 수락하기 전에 꼭 업데이트할 필요는 없습니다. 프로젝트에 최신 변경 사항이 있으면 Lovable이 초안을 먼저 업데이트한 다음 수락합니다. 두 단계를 직접 이어서 하려면 업데이트 대화상자에서 Accept draft after updating을 선택합니다.

초안 삭제하기

초안을 삭제하려면 초안의 ⋮ 메뉴를 열고 Delete를 선택한 다음 확인합니다. 삭제하면 초안과 그 편집 내용이 모두 제거됩니다. 프로젝트는 그대로 유지되며, 삭제한 초안은 복원할 수 없습니다.

초안 순서 바꾸기

스위처는 최근에 활동한 초안부터 순서대로 나열합니다. 순서를 직접 정하려면 초안을 잠시 길게 누른 다음 원하는 위치로 끌어다 놓습니다. Lovable은 지금 사용 중인 브라우저에서 해당 프로젝트의 순서를 기억합니다.

My drafts 필터가 선택된 동안에는 목록에 프로젝트 초안 중 일부만 표시되므로 순서를 바꿀 수 없습니다. 먼저 All drafts를 선택하세요.

팀과 함께 초안 사용하기

프로젝트 편집 권한이 있는 모든 사람에게 같은 초안이 보입니다. 초안마다 현재 누가 작업 중인지 표시됩니다. 다른 사람이 사용 중인 초안을 열면 Lovable이 따로 작업할 수 있도록 자신의 초안을 만들라고 제안합니다.

프로젝트에서 다른 사람이 초안을 만들었다면 스위처의 Drafts 제목에 All drafts와 My drafts 두 탭이 표시됩니다. My drafts를 선택하면 목록이 직접 만든 초안으로 좁혀집니다. 초안을 만든 사람이 본인뿐인 프로젝트에서는 탭이 나타나지 않습니다. 휴대폰의 초안 목록에도 같은 탭이 나타납니다.

누군가 초안을 수락하면 그 변경 사항이 모두의 프로젝트에 추가됩니다. 이후 열려 있는 다른 초안에는 업데이트할 때까지 New edits available이 표시됩니다.

여러 초안이 비슷한 시점에 수락되면 Lovable이 하나씩 차례로 처리합니다. 대기 중인 초안이 둘 이상이면 프로젝트 채팅 위에 Accepting drafts 카드가 나타나 순서를 보여 줍니다. 대기 중인 초안을 제거하거나 초안을 끌어서 순서를 바꿀 수 있습니다.

초안은 앱의 백엔드와 데이터를 공유

초안은 앱에 대한 변경 사항을 따로 보관하지만, 자체 백엔드는 없습니다. 모든 초안은 프로젝트의 내장 백엔드(Cloud)를 사용합니다. 즉 같은 데이터베이스, 같은 파일, 같은 설정을 씁니다.

초안에서 테스트하면서 정보를 추가·편집·삭제하면 프로젝트를 직접 테스트할 때와 마찬가지로 실제로 반영됩니다. 초안을 삭제해도 그 변경은 취소되지 않습니다.

초안에서 요청한 백엔드 작업도 아래 나열된 변경을 제외하면 같은 방식으로 프로젝트에 적용됩니다. 되돌리기 어려운 작업이면 Lovable이 초안 채팅에서 먼저 설명하고 확인을 요청합니다.

메인 버전에서 해야 하는 백엔드 변경

공유 백엔드의 구성 변경은 게시된 앱에 즉시 반영되므로, Lovable은 다음 변경을 프로젝트 메인 버전에서만 수행합니다.

• 백엔드 함수. 초안에서 백엔드 함수의 코드를 편집할 수는 있지만 Lovable은 메인 버전에서만 배포합니다. 변경은 초안을 수락한 뒤에 적용됩니다.
• 로그인 방식. Google, Apple 같은 소셜 로그인 제공자를 포함합니다.
• 시크릿. 앱이 다른 서비스에 접근할 때 쓰는 값입니다.
• 파일 스토리지 설정. 스토리지 버킷의 공개 여부 등입니다.
• 앱의 AI 기능 활성화. 앱을 위한 AI 기능을 참고하세요.
• 내장 백엔드(Cloud) 활성화. 일부 데이터베이스 구조 변경도 포함됩니다. 초안에서 데이터베이스 테이블과 열 추가하기를 참고하세요.

초안에서 이 중 하나를 요청하면 Lovable이 메인 버전에서 변경하라고 안내하고 나머지 요청을 계속 진행합니다. 메인 버전으로 전환해 거기서 변경한 다음, 초안을 업데이트해 변경 사항을 가져오세요.

초안에서 데이터베이스 테이블과 열 추가하기

앱은 정보를 데이터베이스에 테이블 단위로 정리해 보관합니다. 예를 들어 리뷰 테이블에는 평점 열, 댓글 열, 리뷰 대상 제품 열이 있습니다.

모든 초안은 프로젝트와 같은 데이터베이스를 사용하므로, 초안에서 작업하는 동안에는 Lovable이 테이블이나 열을 추가하지 않습니다. 대신 변경을 준비해 두었다가 초안을 수락할 때 적용합니다. 순서는 다음과 같습니다.

1. 초안 채팅에서 요청합니다. 예를 들어 "평점, 댓글, 해당 제품이 있는 리뷰 테이블을 추가해 줘"라고 요청합니다.
2. Lovable이 변경을 준비하고 그 변경을 사용하는 페이지를 빌드합니다. 테이블이 아직 없으므로 리뷰를 읽거나 저장하는 페이지는 초안 프리뷰에서 오류를 표시합니다. 이 오류는 정상이며 초안을 수락하면 사라집니다.
3. 초안을 수락합니다. Lovable이 프로젝트 데이터베이스에 테이블을 추가하고, 프로젝트 메인 채팅에서 추가한 내용을 설명합니다.

이 방식은 추가 작업에 적용됩니다. 새 테이블, 새 열, 정보를 읽거나 바꿀 수 있는 사람에 대한 새 규칙이 여기에 해당합니다. 반면 세 종류의 변경은 프로젝트 메인 버전에서 해야 합니다. 테이블이나 열 제거, 이름 변경, 열에 저장하는 정보 종류 변경입니다. 초안에서 이 중 하나를 요청하면 Lovable이 메인 버전을 안내하고 나머지 요청을 계속 진행합니다.

내장 백엔드(Cloud) 활성화도 프로젝트 메인 버전에서 합니다. 프로젝트에 아직 Cloud가 없는데 초안에 필요하다면 메인 버전으로 전환해 Lovable에게 활성화를 요청하세요. 그런 다음 초안을 업데이트해 변경 사항을 가져옵니다.

휴대폰에서 초안 사용하기

휴대폰에서도 초안을 만들고, 전환하고, 관리할 수 있습니다. 초안 목록은 두 가지 방법으로 엽니다.

• 화면 상단의 프로젝트 이름을 탭하고 Drafts를 선택합니다.
• 채팅 입력란 위의 버튼을 탭합니다. 이 버튼에는 Main 또는 현재 초안의 이름이 표시되며, 프로젝트에 초안이 하나 이상 있을 때 나타납니다.

목록은 컴퓨터의 스위처와 같은 방식으로 동작합니다. 초안을 탭하면 전환되고, New draft를 탭하면 새 초안이 만들어지며, 초안의 ⋮ 메뉴를 열면 이름 변경, 복제, 수락, 업데이트, 삭제를 할 수 있습니다. 사용할 수 없는 작업은 메뉴에서 그 옆에 이유가 표시됩니다.

제한 사항

초안을 사용할 때 다음 사항을 염두에 두세요.

• 초안은 아직 Git 동기화를 지원하지 않습니다. 초안은 연결된 저장소에 브랜치로 나타나지 않으며, 초안의 코드는 초안을 수락한 뒤에야 저장소에 반영됩니다.
• 일부 백엔드 작업은 프로젝트 메인 버전에서 해야 합니다. 앱의 로그인 방식, 시크릿, 백엔드 함수 변경과 데이터베이스 테이블·열의 제거나 이름 변경이 여기에 해당합니다. 메인 버전에서 해야 하는 백엔드 변경을 참고하세요.

문제 해결

초안이 예상대로 동작하지 않을 때 가장 흔한 원인은 다음과 같습니다.

FAQ

초안 사용에 관해 자주 묻는 질문입니다.

관련 주제

• Lovable 모바일 앱
• Databricks에 앱 연결하기
• 서브에이전트
• Build 모드에서 변경 구현
• 디자인 가이던스