블로그

2026년 Lovable vs Claude Code: 첫 프로젝트에는 무엇을 선택해야 할까?

Markdown

Lovable과 Claude Code: 가격, 각각에 적합한 사용자, 주의할 점. Lovable이 뼈대를 만들고 Claude Code가 로직을 다듬는 워크플로와 선택 가이드를 제공합니다.

전체 글 읽기

핵심 요점

Lovable은 브라우저 기반 빌더입니다. “인증 기능이 있는 작업 추적기를 만들고 싶어”라고 입력하면 1분 안에 React + Supabase로 만든 라이브 사이트를 얻을 수 있습니다. Claude Code는 터미널에서 사용하는 로컬 어시스턴트입니다. 어떤 스택과 코드든 다룰 수 있지만 설치와 파일에 대한 기본적인 이해가 필요합니다. 저녁 한 번에 만들 수 있는 첫 프로토타입에는 Lovable이 더 편리하고, 본격적인 개발에는 Claude Code가 적합합니다. 실제로 경험 많은 바이브 코더는 둘 다 사용합니다. Lovable이 뼈대를 만들고 Claude Code가 로직을 다듬습니다.

Ailoot 사용 방법은 문서에서 확인할 수 있습니다.

Lovable과 Claude Code란?

핵심 요점

Lovable은 브라우저에서 사용하는 웹 애플리케이션입니다. 제품을 글로 설명하면 AI가 데이터베이스와 인증 기능을 갖춘 라이브 웹사이트를 만들어 줍니다. Claude Code는 프로젝트 폴더에서 작동하며 파일을 읽고 쓰고 명령을 실행하는 터미널 프로그램입니다. 전자는 바로 사용할 수 있는 “올인원 도구”이고, 후자는 범용 도구입니다.

Lovable은 브라우저 기반 빌더입니다. 기술적으로 Lovable은 Anthropic의 Claude Opus 위에 놓인 계층입니다. 회사는 상용 및 오픈 소스 모델을 평가한 뒤 Claude를 주력 모델로 선택했다고 공개적으로 확인했습니다(Anthropic 고객 사례: Lovable). 따라서 “Lovable 또는 Claude”라는 구도는 상황을 지나치게 단순화합니다. 실제로 둘은 계층 관계입니다. Lovable은 Claude Code를 통해 직접 사용할 수 있는 바로 그 Claude를 편리하게 감싼 도구입니다.

lovable.dev에 접속하면 다음과 같이 진행됩니다.

  1. Google 또는 GitHub로 가입합니다.
  2. 프롬프트를 입력합니다. “인증 기능과 고객 데이터베이스가 있는 부동산 중개업소용 CRM을 만들어 줘.”
  3. 30–60초 안에 데이터베이스, 로그인 양식, 작동하는 페이지가 있는 라이브 사이트를 무료 *.lovable.app 도메인에서 확인할 수 있습니다.
  4. 그런 다음 “거래 상태 필터를 추가해 줘”, “다크 테마를 추가해 줘”, “구독 결제용 Stripe를 추가해 줘”와 같은 프롬프트로 다듬습니다.

내부적으로 Lovable은 Vite, Tailwind CSS 스타일링, shadcn/ui 컴포넌트를 사용해 React 애플리케이션을 만듭니다. 백엔드는 Supabase입니다. 데이터에는 PostgreSQL, 로그인에는 Supabase Auth, 서버 측 로직에는 Edge Functions를 사용합니다. 2026년 5월 13일부터 새 프로젝트는 서버 사이드 렌더링을 지원하는 TanStack Start를 사용합니다.

Claude Code는 Anthropic이 만든 프로그램으로 Mac, Windows 또는 Linux 컴퓨터에 설치해 사용합니다. 프로젝트 폴더 안에서 터미널에 claude 명령을 실행하면 됩니다. 텍스트로 대화하면 파일을 읽고, 코드를 작성하고, 명령을 실행하고, 오류를 수정합니다. 2026년 4월 16일부터 주력 모델은 Opus 4.7이며, 2026년 5월 28일부터는 Dynamic Workflows 기능(최대 1,000개의 병렬 서브에이전트)을 갖춘 Opus 4.8도 사용할 수 있습니다(Anthropic - Claude Opus 4.7).

한 문장으로 말하면 가장 큰 차이는 이렇습니다. Lovable은 웹사이트를 대신 만들어 주는 웹사이트입니다. Claude Code는 터미널에 앉아 지시를 따르는 개발자 동료입니다.

이 두 관점은 사실 같은 여정의 두 단계를 설명합니다. Lovable은 아직 기술을 배우지 않은 사람을 위한 “제로에서 원으로” 가는 도구입니다. Claude Code는 애플리케이션 구축 방식을 이미 이해하고 제어권을 원하는 사람이 성장할 때 쓰는 도구입니다.

누가 Lovable을 사용하고, 누가 Claude Code를 사용해야 할까요?

핵심 요점

저녁 한 번 만에 작동하는 프로토타입을 보고 싶고 도구 설치 방법을 알아볼 준비가 되지 않았다면 Lovable이 적합합니다. 프로젝트 폴더와 git이 무엇인지 이미 알고 있고 코드 전체를 제어하고 싶다면 Claude Code가 적합합니다. 둘 중 “더 나은” 도구가 있는 것이 아니라 “언제 무엇을 사용할지”의 문제입니다.

저는 이를 식당에서 준비된 음식을 먹는 것과 집에서 요리하는 것의 차이로 봅니다. Lovable은 식당입니다. 자리에 앉아 주문하면 20분 뒤 음식이 나옵니다. Claude Code는 주방입니다. 도구와 재료가 있고 모든 레시피를 아는 조수도 있지만, 무엇을 어떻게 만들지는 직접 결정하고 요리해야 합니다.

다음과 같은 경우 Lovable이 적합합니다.

  • 터미널을 한 번도 열어 본 적이 없고 시작하고 싶지 않습니다.
  • 파트너나 고객에게 보여 줄 아이디어 프로토타입이 저녁 한 번 만에 필요합니다.
  • 랜딩 페이지, CRM, 마켓플레이스, 대시보드, 문의 양식처럼 Lovable이 수백 번 만들어 본 표준 제품을 개발합니다.
  • React + Supabase 스택을 사용할 수 있고 Python, Go 또는 모바일 앱은 필요하지 않습니다.
  • 월 $25–100의 유료 플랜이 부담스럽지 않고 코드가 공급업체에 보관되는 것이 걱정되지 않습니다.

다음과 같은 경우 Claude Code가 적합합니다.

  • 프로젝트 폴더를 다뤄 본 적이 있고 git과 .env가 무엇인지 압니다.
  • 모든 파일을 제어하고 스택을 직접 선택하고 싶습니다.
  • Telegram 봇, 데이터 처리 스크립트, 모바일 앱, 비표준 API 연동처럼 일반적인 프로젝트보다 복잡한 작업을 합니다.
  • 코드를 공급업체가 아니라 본인의 저장소에 두고 싶습니다.
  • 일관된 결과를 얻기 위해 CLAUDE.md와 context engineering을 배울 준비가 되어 있습니다.

추측 없이 작업에 맞는 조합을 선택하고 싶으신가요? 효과적인 조합에는 세 가지 요소가 있습니다. AI 클론 + Second Brain + Context Engineering. 이 조합은 Lovable, Claude Code 또는 둘 모두를 신뢰할 수 있는 파이프라인으로 바꿔 줍니다.

각 도구로 첫 프로젝트를 만드는 데 얼마가 들까요?

핵심 요점

두 도구 모두 무료로 사용해 볼 수 있습니다. Lovable은 하루 5크레딧과 공개 프로젝트를 제공하고, Claude Code는 CLI 없이 무료 채팅을 제공합니다. 실제 첫 프로젝트 비용은 Lovable 월 $25부터, Claude Code 월 $20부터입니다. 하지만 프로젝트가 커지면 메시지 제한 때문에 Lovable이 Claude Code보다 4–5배 더 비싸집니다.

Lovable: 요금제와 크레딧

2026년 5월 기준 Lovable 공식 요금:

요금제가격월간 크레딧포함 항목
Free$0하루 5개, 월 최대 30개*.lovable.app의 공개 프로젝트만
Pro$25 (연간 결제 시 $21)100 + 하루 5개 (최대 150개)비공개 프로젝트, 사용자 지정 도메인, GitHub 동기화
Business$50 (연간 결제 시 $42)100 + 하루 5개팀, SSO, 고급 권한
Enterprise계약에 따름맞춤형엔터프라이즈 기능

크레딧 1개는 대략 프롬프트 1개에 해당합니다. 가벼운 스타일 수정에는 크레딧 0.5개가 들고, 인증 기능이 포함된 새 기능에는 크레딧 1.5개 이상이 듭니다. 가장 큰 함정은 버그 수정 주기(AI가 한 가지를 고치고 다른 것을 망가뜨리는 상황)가 최초 제작 비용 외에 추가 크레딧 60–150개를 사용할 수 있다는 점입니다. 이는 2026년 사용자 포럼의 실제 불만을 토대로 한 수치입니다. Pro에서 크레딧 50개를 추가로 구매하려면 $15가 듭니다.

⚠️ 별도로 드는 비용은 Lovable Cloud(플랫폼에서 관리하는 호스팅)입니다. 구독에 포함되지 않습니다. 워크스페이스에는 월 $25 상당의 무료 호스팅과 월 $1 상당의 무료 AI 사용량이 제공됩니다. 그 이후에는 사용량에 따라 비용을 냅니다(데이터베이스 읽기·쓰기, 엣지 함수, 저장 공간). 알려진 사례로, 활성 사용자가 100명 미만인 프로젝트가 무료 제공량을 일주일 만에 소진했습니다.

Claude Code: 요금제와 토큰

2026년 기준 Claude 공식 요금:

요금제가격대상
Free0claude.ai 채팅만 제공; Claude Code는 포함되지 않음
Pro월 $20일반적인 바이브 코더를 위한 하루 여러 세션
Max 5x월 $100하루 종일 Claude Code로 작업하는 경우
Max 20x월 $200장시간 작업에서 자율 에이전트를 실행하는 경우
Team Standard좌석당 월 $25팀용
Team Premium좌석당 월 $125더 높은 제한이 필요한 팀용

자체 연동을 만드는 사람을 위한 API 토큰도 있습니다. Opus 4.8은 입력 토큰 100만 개당 $5, 출력 토큰 100만 개당 $25입니다. 자세한 내용은 Claude Code용 Opus 4.8 가이드를 참조하세요.

첫 프로젝트와 본격적인 프로젝트의 실제 비용

일반적인 작업을 예로 들어 보겠습니다. “데이터베이스, 예약 양식, 관리자 패널이 있는 고객 예약 웹사이트를 만들어 줘.”

Lovable: Pro 요금제($25)에서 제작과 다듬기에 크레딧 약 30–40개가 필요합니다. 월 구독 한 번으로 충분합니다. 이후 새로운 제품을 만들거나 대대적으로 다시 디자인할 때마다 구독료 한 달분이 추가로 들며, Lovable Cloud 비용이 발생할 수도 있습니다.

Claude Code: Pro 요금제($20)에서 같은 작업에 3–4시간이 걸리고 AI 세션은 약 열 번 필요합니다. 월간 한도는 이와 같은 프로젝트 2–3개를 병행하면서 웹사이트 문구 수정, 소규모 수정, 자동화 스크립트 등 일상적인 작업까지 하기에 충분합니다.

장기적으로 보면 차이는 더욱 큽니다. 한 개발자는 8개월 동안 Claude Code로 토큰 10 billion개를 처리했습니다. API를 사용했다면 $15,000+가 들었겠지만 Max 요금제로는 약 $800이 들었습니다. 제품 하나를 한 번만 만든다면 Lovable과 Claude Code의 비용은 비슷합니다. 프로젝트가 5–10개이고 꾸준히 작업한다면 Claude Code가 5–6배 저렴합니다.

어떤 코드를 얻게 될까요? 내부 구조 살펴보기

핵심 요점

Lovable은 항상 같은 스택인 React + Vite + Tailwind + Supabase를 만듭니다. 편리하지만 프로젝트가 이 스택에 맞지 않으면 선택할 수 없습니다. Claude Code는 요청한 언어로 작성합니다. Python, Go, Rust, TypeScript, Swift를 사용할 수 있습니다. 스택을 자유롭게 선택할 수 있는 만큼 그 선택에 대한 책임도 전부 사용자에게 있습니다.

Lovable을 사용하면 “이건 어떤 언어로 작성됐나요?”라는 질문의 답이 이미 정해져 있습니다. 모든 앱은 다음을 사용합니다.

  • 프런트엔드: React, Vite, Tailwind CSS, 그리고 바로 쓸 수 있는 컴포넌트 라이브러리 shadcn/ui.
  • 백엔드: Supabase. 데이터베이스에는 PostgreSQL, 로그인에는 Supabase Auth, 파일에는 Supabase Storage, 서버 측 로직에는 Deno 기반 Edge Functions를 사용합니다.
  • 실시간 기능: 채팅과 업데이트에 WebSocket을 통한 Supabase Realtime을 사용합니다.
  • 결제: Stripe 내장 연동.
  • 호스팅: 무료 요금제에서는 *.lovable.app, 유료 요금제에서는 자체 도메인.

이는 장점입니다. 프로그래밍을 하지 않는 사람의 작업 중 80%를 해결하는 검증된 스택 하나를 제공하기 때문입니다. 동시에 한계이기도 합니다. Telegram 봇, PDF 문서 처리, 데이터 스크래핑 스크립트 또는 모바일 앱이 프로젝트라면 Lovable은 선택할 수 없습니다.

Claude Code에서는 직접 스택을 선택합니다. 예시 프로젝트에는 다음 기술이 사용됐습니다.

  • 크리에이터 플랫폼에는 Next.js + TypeScript + PostgreSQL.
  • 고객 제품의 백엔드 중 하나에는 Python + FastAPI.
  • grammY 라이브러리를 사용하는 TypeScript Telegram 봇.
  • Node.js 데이터 처리 스크립트.

같은 Claude Code가 어떤 폴더와 스택에서든 작동합니다. 프로젝트의 내용을 읽고 구조를 이해한 뒤 적절한 언어를 사용합니다. 그만큼 자유롭지만 어떤 스택을 쓸지 직접 결정해야 합니다.

제품이 성공하면 어떻게 될까요? 프로젝트 키우기

핵심 요점

Lovable에서는 첫 버전 이후 Lovable에서 새 프롬프트를 추가해 한계와 아키텍처 문제에 부딪히거나, 코드를 “내보내” 자체 파일로 옮긴 뒤 코드 편집기로 전환해야 합니다. 그러면 빌더의 장점이 전부 사라집니다. Claude Code에서는 같은 터미널에서 새 작업을 추가하면 됩니다. 코드는 항상 사용자 소유이며 계속 제어할 수 있습니다.

처음 시작할 때 확인하는 사람은 많지 않지만, 이것이 두 도구의 결정적인 차이입니다.

Lovable에서 작업 추적기를 만들었다고 가정해 봅시다. 제품이 인기를 끌었습니다. 고객이 이렇게 요청합니다. “우리 CRM과 연동해 주세요.” “특정 형식의 Excel 내보내기가 필요합니다.” “모바일 앱을 만들어 주세요.” 어떻게 될까요?

  • 간단한 수정은 프롬프트로 하고 크레딧을 씁니다.
  • 복잡한 수정은 아키텍처 한계에 부딪히곤 합니다. Lovable은 사용자의 CRM을 모르고, 내보내기 형식은 표준이 아니며, 모바일 앱에는 다른 스택이 필요합니다.
  • Lovable에서 코드를 내보내 편집기에서 작업할 수는 있지만, 그때부터는 더 이상 “바이브 코딩”이 아닙니다. React, TypeScript, Supabase를 이해해야 하는 일반적인 개발입니다.

Claude Code에는 이런 단절이 없습니다. CRM 연동을 추가하면 Claude Code가 CRM 문서를 읽고 클라이언트를 작성하고 테스트한 뒤 커밋합니다. 모바일 앱이 필요하면 새 폴더를 열고 “같은 API를 사용해 Swift로 iOS 앱을 만들어 줘”라는 작업을 주면 결과를 얻습니다. 저장소가 사용자 소유이므로 맥락이 사라지지 않습니다.

그렇다고 Lovable이 나쁘다는 뜻은 아닙니다. 첫 작업을 해결하는 데는 훌륭합니다. Lovable은 제품의 출발점이지 장기적으로 제품이 자리 잡을 곳은 아니라는 뜻입니다.

Claude Code와 Lovable이 실수했을 때: 어느 쪽이 수정하기 쉬울까요?

핵심 요점

둘 다 실수합니다. Lovable의 버그는 아키텍처나 Supabase 설정에 있는 경우가 많아 더 “깊숙한” 문제이며, 다른 프롬프트를 쓰거나 코드를 직접 수정해야 해결할 수 있습니다. Claude Code의 오류는 파일 안에 있어 상대적으로 표면에 가까우며 /rewind나 git을 사용해 정확하게 수정할 수 있습니다. 경험 많은 바이브 코더라면 Claude Code로 해결하기 쉽고, 초보자라면 Lovable로 해결하기 쉽습니다.

AI는 항상 실수합니다. 중요한 것은 수정하는 데 얼마나 많은 노력이 드느냐입니다.

Lovable에서 문제가 발생하면 세 가지 방법이 있습니다.

  1. 계속 프롬프트를 입력합니다. “이 부분을 고쳐 줘. 버튼이 작동하지 않아.” 대개 해결되지만 그렇지 않을 때도 있습니다.
  2. Lovable의 기록을 사용해 이전 상태로 되돌립니다. 한 번에 N단계씩 돌아가므로 정밀하지 않습니다.
  3. Dev Mode(유료 요금제에서만 사용 가능)로 전환해 코드를 직접 수정합니다.

Claude Code에서 버그가 발생하면 다음과 같이 합니다.

  1. 터미널이나 브라우저에 오류가 표시되면 Claude에게 “오류는 이거야. 원인을 찾아 줘”라고 말합니다.
  2. 막다른 상황에 이르면 /rewind 명령으로 마지막으로 작동하던 지점으로 되돌립니다(변경 사항 되돌리기 가이드).
  3. 직접 파일을 열고 한 줄을 수정할 수 있습니다. 코드가 본인 소유이기 때문입니다.

Claude Code의 장점은 무엇이 바뀌었고 오류가 어디에 있는지 볼 수 있다는 것입니다. Lovable은 결과를 얻지만 원인을 볼 수 없는 “블랙박스”처럼 작동합니다. 초보자에게는 (“내가 알아보지 않아도 돼”) 안도감을 주지만 제품이 표준 랜딩 페이지보다 복잡해지면 문제가 됩니다.

Claude Code보다 Lovable이 나은 4가지 상황

핵심 요점

광고 캠페인용 랜딩 페이지, 데이터베이스가 있는 설문 양식, 투자자 미팅용 작동 프로토타입, 표준 CRM 또는 대시보드라면 Lovable이 5–10배 더 빠르게 만듭니다. 프로젝트가 이런 상황에 해당한다면 터미널에서 고생할 필요가 없습니다.

상황 1: 양식과 데이터베이스가 있는 랜딩 페이지. “사람들이 이메일 주소를 남기고, 관리자 패널에서 누가 남겼는지 확인할 수 있는 페이지를 원해.” Lovable에서는 디자인, 도메인, SSL까지 포함해 10분이면 됩니다. Claude Code에서는 뼈대를 만드는 데 1–2시간, 게시하는 데 한 시간이 더 걸립니다. 한 번만 하는 작업이라면 Lovable이 크게 앞섭니다.

상황 2: 투자자나 파트너에게 보여 줄 데모 프로토타입. 3일 뒤 회의에서 제품이 “어떻게 작동할지” 보여 줘야 합니다. Lovable은 저녁 한 번 만에 시각적으로 보기 좋고 작동하는 프로토타입을 만듭니다. 이를 보여 주며 “여기에는 이 로직이 들어가고 저기에는 저 로직이 들어갈 예정입니다”라고 말할 수 있습니다. 파트너는 버튼을 눌러 보며 PowerPoint가 아니라 실제로 작동하는 것을 확인합니다.

상황 3: 익숙한 템플릿을 기반으로 하는 표준 제품. 에이전시용 간단한 CRM, 인증 기능이 있는 고객 포털, 차트가 있는 대시보드가 이에 해당합니다. Lovable은 이런 앱을 수백 번 만들어 봤기 때문에 모델이 패턴을 이미 알고 있습니다. 첫 시도에 작동하는 결과를 얻을 가능성이 더 높습니다.

상황 4: 설치가 걸림돌일 때. 누군가 터미널을 한 번도 열어 본 적이 없고 Node.js, git, VS Code를 알아볼 준비도 되어 있지 않다면 Lovable이 Claude Code로는 줄 수 없는 결과를 제공할 수 있습니다. 시작조차 못 한 프로젝트보다 작동하는 프로토타입이 낫습니다.

Lovable보다 Claude Code가 나은 4가지 상황

핵심 요점

Telegram 봇, 자동화 스크립트, 모바일 앱 또는 자체 저장소를 갖춘 장기적인 본격 제품은 Lovable에서 아예 만들 수 없거나 1–2주 안에 한계에 부딪힙니다. Claude Code는 스택이나 아키텍처 제약 없이 작동합니다.

상황 1: 웹이 아닌 모든 프로젝트. 고객에게 응답하고 문의를 추적하는 Telegram 봇, 경쟁사 웹사이트를 매시간 수집해 Slack으로 요약을 보내는 스크립트, 회계용 데이터를 추출하는 PDF 파서 등이 있습니다. Lovable은 웹용으로만 제공되므로 이런 도구를 만들 수 없습니다. Claude Code에서는 흔히 저녁 한 번 만에 만드는 프로젝트입니다.

상황 2: 장기적인 본격 제품. 제품을 중심으로 회사를 만들고 있다면 GitHub 저장소에 있는 코드, 자체 인프라, 모든 것에 대한 제어권이 필요합니다. Lovable은 항상 플랫폼에 묶입니다. 코드를 내보낼 수 있지만 Lovable 없이 계속 개발하기는 더 어렵습니다(스택이 고정되어 있고 아키텍처 결정도 대신 내려집니다). Claude Code에서는 처음부터 코드가 사용자 소유입니다.

상황 3: 비표준 아키텍처나 스택. Node.js 대신 Bun을 쓰고 싶습니다. Postgres + Redis + ClickHouse를 원합니다. AI 구성 요소에는 Python을, 마이크로서비스에는 Go를 사용하고 싶습니다. Supabase 밖에서 worker, queue, WebSocket을 사용하고 싶습니다. Lovable에서는 이 모든 것이 불가능하거나 코드를 직접 수정해 “우회”해야 하며, 그러면 빌더의 장점이 사라집니다.

상황 4: 프로젝트를 위한 second brain이 필요할 때. 본격적인 제품에는 코드만 있는 것이 아닙니다. 비즈니스 모델, 대상 고객, 법적 제약, 목표와 같은 맥락도 있습니다. 이 맥락은 코드와 함께 business/ 폴더에 보관되며 Claude Code는 요청할 때마다 이를 읽습니다(Claude Code의 second brain 가이드). Lovable은 이 계층 없이 작동하므로 기술적으로 작동하지만 “왜” 만들어졌는지 이해하지 못하는 제품을 얻게 됩니다.

하이브리드 방식: 한 프로젝트에서 Lovable → Claude Code 사용하기

핵심 요점

경험 많은 바이브 코더가 흔히 사용하는 조합입니다. 먼저 Lovable로 저녁 한 번 만에 제품의 뼈대를 만들고, 코드를 내보내 VS Code에서 연 뒤 Claude Code로 계속 개발합니다. Lovable의 빠른 시작과 Claude Code의 개발 제어권을 모두 얻을 수 있습니다.

이 패턴은 간단합니다. 각 도구는 각자 맡은 일을 잘하므로 “둘 중 하나”만 선택할 필요가 없습니다.

작동 방식:

  1. 아이디어 단계. Lovable로 저녁 한 번 작업합니다. 원하는 것을 설명해 데이터베이스, 인증 기능, 페이지 두어 개가 있는 작동하는 프로토타입을 얻습니다. 파트너에게 보여 주거나 잠재 고객 5명과 인터뷰를 진행하기에 충분합니다.

  2. 검증 단계. 제품이 단순한 동안은 Lovable에서 계속 작업합니다. 1–2주 동안 프롬프트를 입력하고 소규모 수정과 데이터베이스 필드 추가를 진행합니다.

  3. 인계 단계. Lovable의 한계에 도달하면(제품과 함께 Telegram 봇이 필요하거나 복잡한 로직 또는 다른 언어가 필요할 때) Dev Mode로 코드를 내보내고(Pro 요금제 필요) 저장소를 로컬로 복제합니다.

  4. 개발 단계. VS Code에서 저장소를 열고 같은 폴더에서 Claude Code를 실행합니다. 이제 Claude는 Lovable이 만든 코드를 보고 계속 개발할 수 있습니다. 아키텍처는 그대로 유지되지만(React + Supabase) 제어권은 사용자에게 넘어옵니다.

단점은 첫 달 또는 그 이상 Lovable 비용을 지불한 뒤 결국 Claude Code로 옮긴다는 것입니다. $25–50가 추가로 듭니다. 그 대신 개발 첫 주를 아낄 수 있습니다. 성공하지 못하는 아이디어가 대부분인 만큼 그 $25는 충분히 가치가 있습니다. 나중에 버릴 뼈대에 2주를 투자하지 않고 무엇이 효과가 없었는지 빠르게 알 수 있습니다.

그녀는 Stripe, Customer.io, Meta Pixel을 비롯해 12개 연동 기능이 있는 주 웹사이트를 Lovable로 하루 만에 다시 만들었습니다. 그런 다음 challenge prompts 기능을 Claude Code로 예상했던 2주 대신 2일 만에 프로덕션에 배포했습니다.

아무도 이야기하지 않는 Lovable의 함정 5가지

핵심 요점

무료 플랜 한도는 저녁 한 번 만에 소진됩니다. 코드 소유권은 Pro+에서만 얻을 수 있습니다. 아키텍처가 Supabase와 긴밀하게 연결되어 있습니다. 기본 설정에서는 원하는 언어로 인터페이스를 사용할 수 없을 수도 있습니다. 플랫폼에 긴밀히 종속되므로 프로젝트가 커져도 코드는 계속 공급업체에 있습니다.

함정 1: 무료 플랜은 저녁 1–2회 분량입니다. 하루 5크레딧으로 앱 뼈대와 수정 몇 가지를 만들 수 있습니다. 그다음에는 하루를 기다리거나 $25를 내야 합니다.

함정 2: Pro+에서만 코드에 접근할 수 있습니다. 무료 플랜에서는 코드를 다운로드하거나 편집기에서 열거나 개발자에게 넘길 수 없습니다. 떠나기로 결정하면 유료 플랜으로 업그레이드하거나 처음부터 다시 시작해야 합니다.

함정 3: Supabase에 강하게 묶여 있습니다. 나중에 자체 서버에서 PostgreSQL을 실행하거나 Supabase Auth를 자체 인증 기능으로 대체하거나 웹이 아닌 백엔드에 연결하려면 작업이 까다롭습니다. 스택이 기반 구조에 내장되어 있습니다.

함정 4: 인터페이스 언어. 기본적으로 Lovable은 애플리케이션 인터페이스를 영어로 생성합니다. 예를 들어 “내가 선호하는 언어로 만들어 줘”와 같이 프롬프트에 원하는 언어를 명시하세요. 특히 시스템 오류와 입력 검증 양식에서는 일부 텍스트가 영어로 남을 수 있습니다. 별도의 프롬프트로 수정할 수 있습니다.

함정 5: Supabase 보안은 기본적으로 허술합니다. 시작할 때 아무도 언급하지 않는 가장 중요한 점입니다. 연구자들이 Lovable 공식 쇼케이스의 앱 1,645개를 확인한 결과, 170개(10.3%)에서 Supabase의 Row Level Security 관련 심각한 문제가 발견됐습니다. 로그인한 사용자라면 누구나 다른 사람의 데이터를 읽고 변경하고 삭제할 수 있었습니다. 실제 앱에서는 고객 주소, 부채 금액, 활성 Stripe 키에 연구자들이 접근했습니다(CVE-2025-48757). 원인은 Lovable이 Supabase에 테이블을 만들지만 기본적으로 RLS 정책을 활성화하지 않기 때문입니다. 해결 방법은 첫 배포 후 모든 테이블에서 RLS를 직접 활성화하고 Supabase 문서를 참고해 확인하는 것입니다. 실제 사용자 데이터가 있는 제품을 만든다면 나중으로 미룰 일이 아닙니다. “첫 빌드 직후”에 해야 합니다.

초보자를 망설이게 하는 Claude Code의 함정 5가지

핵심 요점

설치하려면 터미널, Node.js, git이 필요하며 이것이 첫 번째 장애물입니다. 토큰 계산 방식을 모르면 한도를 금세 소진할 수 있습니다. CLAUDE.md와 context engineering이 없으면 AI가 환각을 일으킵니다. 시각적 편집기가 없고 모든 작업을 텍스트로 해야 합니다.

함정 1: 설치가 첫 번째 장애물입니다. 시작하려면 Node.js, npm, git, VS Code, Claude Code 자체를 설치해야 합니다. Windows에서는 WSL을 설정하는 방법을 알아봐야 합니다. Mac에서는 더 쉽지만 그래도 터미널을 열어야 합니다. 처음 해 보는 일이라면 첫 30분은 “어떻게 실행하는지” 알아보는 데 쓰입니다.

함정 2: 맥락이 없으면 하루 만에 한도를 소진할 수 있습니다. $20 Pro 플랜의 한도는 메시지와 토큰을 기준으로 합니다. 요청할 때마다 Claude에 프로젝트 파일 50개를 보내면 2–3시간 만에 한도에 도달합니다. 해결책은 context engineering입니다. 필요한 내용만 제공하고 /clear와 /compact를 사용하며 CLAUDE.md를 관리하세요(한도 가이드).

함정 3: 맥락이 없으면 환각이 발생합니다. Claude Code는 똑똑하지만 프로젝트를 이해하지 못하면 API 메서드, 데이터베이스 필드, 라이브러리를 지어낼 수 있습니다. 규칙이 담긴 CLAUDE.md와 second brain 역할을 하는 business/ 폴더가 없으면 결과는 복불복입니다. 이를 갖추면 신뢰할 수 있는 파이프라인을 얻을 수 있습니다(CLAUDE.md 가이드).

함정 4: 접근 및 기업 소유권 제한. 2025년 9월 Anthropic은 중국, 이란, 북한의 법인이 지분을 50% 초과 보유한 기업을 차단했습니다. 접근 조건은 제공업체와 소유 구조에 따라 달라집니다. 도구를 선택하기 전에 확인하세요.

함정 5: 시각적 편집기가 없습니다. 모든 상호작용은 텍스트로 이뤄집니다. 버튼을 오른쪽으로 10픽셀 옮겨야 해도 직접 끌어 옮길 수 없고 말로 설명해야 합니다. 디자인 작업에는 Lovable을 비롯한 시각적 빌더보다 불편합니다.

5분 안에 선택하기: 결정표

핵심 요점

아이디어를 위한 표준 웹 제품을 만들고 설치를 신경 쓰고 싶지 않다면 Lovable입니다. 비표준 프로젝트나 장기 제품이거나 저녁 한 번을 설치에 쓸 준비가 되어 있다면 Claude Code입니다. 잘 모르겠다면 Lovable을 1개월 사용한 뒤 한계에 도달하면 Claude Code로 전환하세요.

5개 질문에 답하고 추천을 받아 보세요.

질문LovableClaude Code
터미널을 한 번도 열어 본 적이 없고 열고 싶지도 않나요?✅❌
프로젝트가 간단한 웹사이트(페이지, 양식, CRM, 대시보드)인가요?✅⚪ 작동하지만 시간이 더 걸림
Telegram 봇, 스크립트 또는 모바일 앱이 필요한가요?❌✅
코드와 스택을 완전히 제어하고 싶나요?❌✅
자체 저장소를 사용하는 장기 제품을 만들고 있나요?⚪ 내보내기를 통해 가능✅

처음 두 행에서 Lovable에 ✅를 표시하고 나머지 행에서 ⚪/❌를 표시했다면 Lovable을 선택하세요. 3–5행에서 Claude Code에 ✅를 표시했다면 Claude Code를 선택하세요. 두 열 모두에 ✅를 표시했다면 처음 1–2주 동안 Lovable을 사용하고 Claude Code로 옮기세요(위의 하이브리드 섹션 참조).

한 가지 더 있습니다. 어떤 도구를 선택하든 병목은 AI 자체가 아닙니다. 중요한 것은 AI와 어떻게 협업하느냐입니다. 세 가지 축(AI 클론 + Second Brain + Context Engineering)을 조합하면 어떤 도구에서든 일관된 결과를 얻을 수 있습니다. 이 조합이 없으면 AI가 환각을 일으키지만, 있으면 믿을 수 있는 기계처럼 작동합니다.

저녁 한 번 만에 바이브 코딩을 완성하는 가이드: AI 클론 + Second Brain + Context Engineering.

Ailoot을 알아보세요.

자세히 보기

2026년 Lovable vs Claude Code: 첫 프로젝트에는 무엇을 선택해야 할까?: 자주 묻는 질문

도구 구독료 외에 어떤 비용을 비교해야 하나요?

Lovable은 크레딧과 허용량을 넘는 Lovable Cloud 사용량을 포함하세요. 어느 방식이든 실제 프로젝트에 필요한 호스팅, 데이터베이스, 도메인 비용을 더하고 구독료만이 아닌 완료된 프로젝트의 청구액을 비교하세요.

생성된 앱에 실제 사용자 데이터를 넣기 전에 무엇을 확인하나요?

관련된 모든 테이블의 Supabase Row Level Security를 포함해 데이터베이스 접근 제어를 검토하세요. 한 사용자가 다른 사용자의 데이터를 읽거나 수정하지 못하는지 검증하세요. 로그인 화면이 동작한다는 사실만으로 데이터 격리가 입증되지는 않습니다.

모든 글