Lovable & v0 — 브라우저만으로 앱 만들기

한 줄 요약: Lovable은 대화형으로 풀스택 앱을 생성하고, v0(Vercel)는 UI 컴포넌트 생성에 특화되어 있다. 둘 다 코드 작성 없이 브라우저에서 동작하는 앱을 만들 수 있다.

코딩 경험 없는 사람도 앱을 만들 수 있는 AI 빌더 플랫폼의 대표 주자 2개를 비교한다. 기능, 가격, 제한사항, 실전 활용법을 정리한다.

브라우저 기반 코딩이란

터미널도 IDE도 설치할 필요 없이, 웹 브라우저에서 자연어로 앱을 만드는 도구들입니다. Lovable은 풀스택 앱, v0는 UI 컴포넌트에 특화되어 있습니다.

Lovable: '할 일 목록 앱을 만들어줘'처럼 자연어로 요청하면 React + Supabase 기반의 풀스택 앱을 자동 생성한다. 인증, 데이터베이스, 결제(Stripe) 통합까지 대화형으로 추가할 수 있다. 생성된 코드를 GitHub 저장소로 내보내 직접 수정할 수도 있다.

v0 (Vercel): UI 컴포넌트와 페이지 생성에 특화되어 있다. 'shadcn/ui로 대시보드 레이아웃 만들어줘'처럼 요청하면 React + Tailwind CSS 컴포넌트 코드를 생성한다. 생성된 코드를 npx v0 add로 프로젝트에 바로 추가할 수 있다. 풀스택 앱보다는 UI 프로토타이핑에 적합하다.

Lovable 사용법

Lovable.dev에 접속 → 만들고 싶은 앱을 자연어로 설명 → AI가 React + Supabase 기반 앱을 생성 → 실시간 미리보기 → 원클릭 배포. 프로토타이핑 속도가 압도적입니다.

v0 사용법

v0.dev에서 UI 컴포넌트를 자연어로 생성합니다. shadcn/ui + Tailwind CSS 기반이라 실제 프로젝트에 바로 복붙 가능합니다. Vercel 생태계와 완벽 호환.

한계와 적합한 용도

브라우저 도구의 한계: 복잡한 백엔드 로직, 대규모 프로젝트, 세밀한 커스터마이징은 어렵습니다. MVP/프로토타입에 최적이고, 본격 개발로 넘어갈 때는 Cursor나 Claude Code로 전환하는 것이 일반적입니다.

효과적인 활용 전략

조합 전략: v0로 UI 컴포넌트를 빠르게 프로토타이핑하고, Lovable이나 Cursor로 풀스택 앱에 통합한다. 한계 인식: 복잡한 비즈니스 로직, 커스텀 인증 플로우, 성능 최적화가 필요해지면 코드 에디터(Cursor/Claude Code)로 전환해야 한다.

주의: AI 빌더로 만든 앱은 프로토타입으로는 훌륭하지만, 프로덕션 서비스로 바로 사용하기에는 보안/성능/유지보수 관점에서 검토가 필요하다. MVP 검증 후 코드 리뷰를 거쳐 프로덕션으로 전환하라.