이 리뷰에서는 Vercel의 v0를 직접 사용하며 처음의 미니멀 프롬프트부터 최종 배포까지 손수 테스트한 과정을 상세히 분석합니다. AI가 코드 작성에서 탁월한 부분과 엄격한 프롬프트 제한, 이해하기 어려운 콘솔 로그 같은 까다로운 기술적 장벽에 부딪힌 지점을 그대로 보여드립니다.
v0란 무엇인가?
v0는 AI 기반 앱 빌더로, Vercel에서 제작했습니다. 상자를 끌어놓거나 수백 줄의 코드를 직접 쓰는 대신 AI 어시스턴트에게 대화하듯 요청하면 앱을 빌드할 수 있습니다.
ChatGPT를 사용해본 적 있다면 인터페이스가 익숙하게 느껴지겠지만, 텍스트 응답 대신 v0는 화면 오른쪽에 즉시 완전히 작동하는 웹 인터페이스를 생성해 보여줍니다.
이 도구는 새로운 소프트웨어 프로젝트를 시작할 때 겪는 길고 지루한 초기 설정 단계를 제거하도록 설계되었습니다. 예를 들어 주택 소유자를 위한 수리 요청 포털을 만들려면 일반적으로 페이지 디자인, 데이터베이스 설정, 두 요소 연결 방법을 일일이 처리해야 합니다.
v0는 사용자가 설명을 입력하면 이를 해석해 실시간으로 코드를 작성하여 이러한 장애물을 자동으로 해결합니다.
일반적인 v0 활용 사례:
- 비즈니스 데이터를 추적하는 기능성 대시보드 구축
- 로그인 화면과 서비스 폼이 있는 고객 포털 제작
- 맞춤형 인터랙티브 기능이 필요한 랜딩 페이지 출시
- 실사용자를 대상으로 빠르게 테스트할 프로토타입 제작
Wix나 Squarespace처럼 제한된 템플릿에 종속되거나 Bubble처럼 학습 곡선이 가파른 플랫폼과 달리, v0의 강점은 단순한 시각 모형이 아니라 실제 React 및 Next.js 코드를 생성한다는 점입니다. 전문 개발자가 사용하는 동일한 기술로 만들어집니다.
누구를 위한 도구인가?
v0는 애플리케이션이 어떻게 동작해야 할지 명확히 구상했지만 수주간의 수작업 디자인 및 설정 단계를 건너뛰고 싶은 분께 적합합니다.
기본 웹사이트 빌더와 전문 개발 환경의 중간 지점에 위치해 있습니다.
다음과 같은 분께 특히 유용합니다:
- MVP를 구축하는 스타트업 창업자: 전체 엔지니어링 팀을 구성하지 않고 투자자나 초기 사용자에게 보여줄 기능적 제품을 빠르게 출시하고자 할 때
- 소규모 비즈니스 오너 및 운영자: 어수선한 스프레드시트와 이메일 대신 내부 도구를 직접 구축하고자 할 때
- 개발자 및 제품 관리자: 개념 단계에서 작동하는 프로토타입으로 빠르게 전환해야 할 때
- 빠른 프로토타입이 필요한 에이전시: 클라이언트에게 정적 디자인 파일이 아닌 실제 작동하는 버전을 보여주고, 회의 중 피드백을 실시간으로 반영하며 업데이트할 때
v0 장단점
- 가입 시 신용카드 불필요
- 실제 React 및 Next.js 코드 생성
- 프로젝트를 명확한 작업 목록으로 분할
- 관련 아이콘과 브랜딩 자동 선택
- 글로벌 색상 업데이트 한 번에 적용
- 균일한 모서리 반경 조절용 슬라이더 제공
- 전문가용 “Glow” 그림자 스타일 옵션
- 추가 작업 없이 완벽한 모바일 반응형 지원
- 데이터베이스 환경 변수 자동 설정
- 몇 초 만에 라이브 URL로 배포
- AI가 작성하는 동안 원시 코드 확인 가능
- 타임스탬프가 있는 버전 히스토리로 손쉬운 복구
- 원클릭 Supabase 데이터베이스 통합
- 채팅 프롬프트에 엄격한 글자 제한
- 가입 직후 유료 플랜 전환 유도
- 레이아웃 세부 조정을 위한 드래그 앤드롭 없음
템플릿 조작에 애를 먹지 않고 단순히 앱을 묘사해 바로 구현해보고 싶다면 v0를 사용해 보세요. 다만 프롬프트가 길어지면 잘라내야 할 준비를 하셔야 합니다.
v0 주요 기능
- 텍스트 프롬프트로 전체 애플리케이션 생성
- 실시간 Next.js 및 React 코드 확인
- 원클릭 Supabase 데이터베이스 연동
- 몇 초 만에 앱 라이브 배포
- 글로벌 색상 및 모서리 반경 스타일링
- 프로젝트 추적용 자동 작업 목록 생성
- 모든 화면 크기에 대응하는 반응형 레이아웃
- 버전 히스토리로 작업 복원
Vercel의 v0 직접 사용기
Vercel의 v0가 간단한 채팅 인터페이스만으로 전체 애플리케이션을 구축한다는 이야기를 듣고, 실제로 유용한지 아니면 화려한 데모에 불과한지 확인해보고 싶었습니다.
1. 시작하기: 가입과 첫인상
v0 홈페이지에 처음 도착했을 때, 분석 대시보드나 넘쳐나는 “새 프로젝트” 버튼이 없어서 오히려 인상적이었습니다.
화면 중앙에는 “Ask v0 to build…”라는 플레이스홀더가 있는 큰 흰색 입력창이 있고, 그 위에 “What do you want to create?”라는 문구만 있었습니다.
상단 내비게이션 바에는 Templates, Resources, Enterprise, Pricing, iOS, Students, FAQ 링크만 있었습니다.
군더더기 없는 깔끔함이 좋았지만, 클릭하기 전에 이미 만들고자 하는 계획을 떠올려두어야 했습니다.
오른쪽 상단의 “Sign Up” 버튼을 눌렀습니다. v0는 Vercel 생태계에 깊이 통합되어 있어 “Continue with Vercel” 또는 “Sign Up” 옵션이 담긴 모달이 떴습니다.
세션이 없어 “Sign Up”을 누르니 구글과 GitHub 버튼, 그리고 이메일 입력란이 있는 깨끗한 페이지로 넘어갔습니다. 업무용 이메일을 입력하고 “Continue with Email”을 클릭했습니다.
첫 마찰은 여기서 발생했습니다. 브라우저를 벗어나 이메일 확인 후 30초가량 기다린 뒤 여섯 자리 인증 코드를 복사해야 했습니다.
다시 v0 탭으로 돌아와 여섯 개 상자에 코드를 붙여넣고 “Verifying” 스피너가 멈출 때까지 기다렸습니다.
약 5초 후 리다이렉트되었는데, 신용카드 정보 없이 바로 시작할 수 있다는 점이 특히 마음에 들었습니다. “무료” 툴이라고 하면서도 결제 정보를 요구하는 경우가 많았는데, 부담 없이 테스트할 수 있었습니다.
온보딩으로 4단계 슬라이드 쇼가 나타났습니다. “더 강력해진 Git 패널”, 모든 채팅이 “새 브랜치”에서 작동해 변경 사항을 격리할 수 있다는 점, 대화할 때마다 자동 커밋된다는 설명이 있었습니다.
마지막으로 “AI 제품 이용 약관” 동의 모달이 떴고, 검은색 “Accept and Continue” 버튼을 눌러 드디어 빌더 화면에 진입했습니다.
전체 평: 가입 절차는 평범하지만 빠르고, 신용카드 정보 없이 시작할 수 있어 좋았습니다. 인터페이스는 매우 반응 속도가 빠르고 고급스러워 보였지만, 가입 직후 월 $30 유료 플랜 추천이 부담스럽게 느껴졌습니다.
2. 첫 앱 만들기: 단계별 진행
간단한 버튼이 아니라 복잡한 프로젝트를 테스트해보고 싶어 “주택 서비스 요청 포털”을 만들기로 했습니다. 고객이 배관, 전기, 청소 서비스를 요청하고 대시보드에서 상태를 추적할 수 있는 사이트입니다. 메모장에 미리 준비해둔 상세 프롬프트에는:
- 프로젝트 설명
- 사용자 테이블 스키마(ID, 이름, 이메일, 전화, 주소, 역할)
- 인증 같은 핵심 기능
- 구체적인 서비스 요청 폼
이 프롬프트를 복사해 메인 채팅 박스에 붙이고 검은색 “↑” 화살표를 눌렀습니다.
하지만 곧 큰 실패를 마주했습니다.
채팅 입력창 하단에 빨간 배너가 나타났습니다: “Failed to submit message. Start a new chat, retry, or edit your message.”
재시도를 눌러도 즉시 동일한 오류가 떴습니다. 프롬프트 글자 수 제한을 초과했다는 의미였지만, 어디서 얼마나 초과했는지 알려주는 카운터나 경고가 없어 매우 답답했습니다.
프롬프트를 약 40%가량 줄여 데이터베이스 스키마와 역할 정의를 제외하고 기능 목록과 폼 필드만 남긴 뒤 다시 제출했습니다. 이번에는 성공했습니다.
화면이 분할 뷰로 전환되었습니다. 왼쪽에는 채팅 기록, 오른쪽에는 미리보기 영역이 있었습니다. AI가 “Thinking” 상태로 바뀌고:
- “Checking integrations”
- “Generating design”
- “Loading Supabase skill”
등 상태 메시지를 보였습니다.
왼쪽 사이드바에 “Homeowner service portal” 프로젝트 아래 “todo list”가 생겼고, “Task 1 of 4 in progress”가 자동으로 표시되었습니다.
첫 작업은 “Creating migration script”였고, 오른쪽 미리보기에 001_create_service_requests.sql 파일이 생성되어 서비스 타입, 설명, 상태, 긴급도 컬럼을 포함한 SQL 코드가 실시간으로 작성되었습니다.
이어 “Creating Supabase client files”로 lib/supabase 디렉터리에 client.ts와 server.ts가 생성되었습니다.
진짜 “찌든 작업”을 얼마나 많이 처리하는지 보고 감탄했습니다. 다음으로 Task 2 “인증 페이지 생성”이 진행되어 sign-up/page.tsx와 login/page.tsx가 파일 트리에 나타났습니다.
마지막으로 Task 3 “랜딩 페이지 생성”이 실행되며 전문적인 UI가 미리보기 창에 채워졌습니다. 사이트 이름은 “HomeServe”, 히어로 섹션 문구는 “Your Home Services, Simplified”였고, “Services We Offer” 섹션에는 배관, 전기, 청소 아이콘이 포함되었습니다. “Get Started” 버튼과 “Sign in to Dashboard” 버튼도 자동으로 추가되었습니다.
빌더 인터페이스는 “빌드 중” 같은 대기 화면 없이 바로 인터페이스가 진화하는 느낌이었습니다.
전체 평: 초기 프롬프트의 글자 제한은 진지한 프로젝트를 시도하는 사람에게 큰 장애물입니다. 구체적으로 작성하고 싶어도 모호하게 줄여야 했습니다. 하지만 프롬프트가 통과되면 실제 SQL과 React 코드가 생성되는 속도는 Softr나 Wix 같은 도구와는 비교할 수 없을 만큼 빠릅니다. “todo list”를 체크해가며 데이터베이스 마이그레이션, 클라이언트 파일 등을 처리하는 모습은 단순 조립이 아니라 진짜 엔지니어링을 보는 듯했습니다.
3. 디자인 및 레이아웃 커스터마이징
랜딩 페이지와 대시보드가 생성된 후 기본 모습에서 벗어나고 싶어 왼쪽 상단의 페인트붓 아이콘(“Design”)을 클릭해 디자인 시스템 패널을 열었습니다.
먼저 “Colors” 섹션에서 “Primary” 색상을 클릭해 표준 컬러 피커를 열고 전문적인 느낌의 진한 파란색을 선택했습니다. “Save”를 누르자 모든 버튼, 아이콘, 강조 요소가 즉시 동일한 색상으로 업데이트되었습니다.
다음으로 “Radius” 슬라이더를 0에서 0.625로 옮기자 “Get Started” 버튼과 서비스 카드 테두리가 즉시 둥글게 변했습니다. “Shadows” 섹션에서 Small, Medium, Large, Glow 네 가지 옵션 중 “Glow”를 선택하자 서비스 카드에 은은한 부양감이 더해졌습니다.
상단 미리보기 창의 데스크톱, 태블릿, 폰 아이콘을 이용해 반응형을 테스트했습니다.
폰 뷰에서는 자동으로 레이아웃이 재배치되어, 세 칼럼이 한 열로 쌓이고 히어로 이미지가 텍스트 아래로 이동했으며 내비게이션 링크는 햄버거 메뉴로 대체되었습니다.
하지만 레이아웃을 세부적으로 이동하려 했을 때 진짜 한계에 부딪혔습니다. 히어로 섹션 중앙의 “Create Free Account” 버튼을 상단 내비게이션 바로 옮기고 싶었지만 드래그할 수 없었습니다. v0는 비주얼 에디터가 아닙니다.
채팅에 “헤더 컴포넌트에 버튼을 옮겨 달라”고 입력하니 이해는 했지만, 단순 버튼 이동에만 “생각 중” 표시가 45초가량 지속되어 기본 레이아웃 조정이 매우 느리게 느껴졌습니다.
전체 평: 디자인 시스템 패널은 색상, 반경, 폰트와 같은 전역 변경에 매우 강력해 Bubble 같은 도구 대비 훨씬 빠릅니다. 하지만 드래그 앤드롭이 없어 픽셀 단위 조정에 익숙한 사용자에게는 번거롭게 느껴집니다.
4. 오류 처리 방식
오류 상황을 테스트하기 위해 일부러 오류를 유발했는데, 마이그레이션 실행 단계에서 즉시 경고 모달이 떴습니다.
중앙에 노란 경고 아이콘과 함께 “This task may cause extremely destructive actions, and requires approval”라는 문구가 표시되었고, 옆에는 실행 예정인 SQL 코드가 보여졌습니다.
개발자에게는 표준 안전 기능이지만, 초보자에게 “심각한 파괴적 동작”이라는 표현은 너무 무섭습니다. 왜 위험한지, 클릭 시 어떤 일이 일어날지 설명이 없었습니다. 어쩔 수 없이 “Accept”를 눌렀지만, 비기술 사용자에게는 상당히 위축되는 문구입니다.
나중에 로직 오류도 만났습니다. 가입 페이지에서 “Create Account” 버튼을 클릭해도 화면이 멈춰 있고, UI 상에는 오류 메시지나 성공 알림이 전혀 없었습니다.
오른쪽 상단의 “Console” 탭을 클릭하니 기술 로그가 잔뜩 나왔습니다. “GotAuthUser: (Anonymous) – (No token)”라는 노란 경고를 확인할 수 있었습니다.
오류 처리가 개발자 관점에 초점이 맞춰져 있어, “No token”이 인증 변수 문제임을 모르면 전혀 이해하기 어려웠습니다. 이 로그를 복사해 채팅에 “이걸 어떻게 고치나요?”라고 물어야 했습니다. AI가 환경 변수 설정을 빠뜨렸다는 것을 깨닫고 수정 코드를 생성해주긴 했지만, 도구 내부의 서로 다른 요소 사이에서 번역가 역할을 하는 기분이었습니다.
또한 “Undo” 버튼이 없어 실수로 “배경을 더 어둡게” 요청했다가 페이지 전체가 검은색이 되어 텍스트가 보이지 않게 되었을 때 Ctrl+Z 한 번으로 되돌릴 수 없었습니다.
상단 시계 아이콘을 눌러 버전 히스토리로 가서 타임스탬프별 버전을 일일이 클릭해 실수 전 상태를 찾아 “Restore” 버튼을 눌러야 했습니다.
전체 평: v0의 오류 처리는 투명하지만 개발자 중심이라 초보자에게는 과도하게 복잡하고 위압적입니다. 간단한 Undo/Redo 시스템의 부재와 “파괴적 동작” 같은 과도한 표현은 전통적인 노코드 빌더보다 더 긴장감을 줍니다.
5. 앱 배포 및 통합 설정
마지막으로 포털을 라이브로 만들기 위해 왼쪽 사이드바의 “Connect” 탭을 클릭했습니다.
“Vercel AI Gateway”, “Upstash”, “Supabase” 통합 목록이 나타났고, 데이터 저장소를 위해 Supabase 옆 “Install”을 눌렀습니다.
새 탭으로 Vercel 결제 페이지가 열리며 신설 Supabase 계정 설정 워크플로우가 진행되었습니다. “Accept and Create”를 클릭해 계정을 만들고, 지역을 “Washington, D.C., USA (East)”로 선택했습니다.
데이터베이스 생성 화면에서 “supabase-purple-tree”라는 기본 이름과 함께 프로 플랜($25/월)과 무료 플랜 옵션이 있었고, 무료 플랜을 골라 “Create”를 클릭했습니다. 30초 정도 기다리니 탭이 자동으로 닫히고 빌더 화면으로 돌아왔습니다.
사이드바에 “Vars” 탭이 새로 생겼고, 클릭하니 NEXT_PUBLIC_SUPABASE_URL, SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY 같은 환경 변수들이 자동으로 채워져 있었습니다. 다른 도구라면 Supabase 대시보드에서 키를 복사해 붙여야 하는데, v0가 백엔드 연결 과정을 완전히 대신 처리해주었습니다.
채팅에 “데이터베이스가 연결됐으니 폼을 작동하도록 만들어 달라”고 입력하자 AI가 middleware.ts를 작성해 라우트 보호를 설정하고 client.ts를 업데이트했습니다. 상단 오른쪽의 “Publish” 버튼을 누르자 작은 모달이 뜨며 “Building” → “Deploying” 과정을 보여주었습니다.
약 45초 후 라이브 URL이 생성되었고, 새 탭에서 열어보니 실제로 사이트가 작동했습니다.
가짜 이메일과 비밀번호로 가입 흐름을 테스트하자 “이메일을 확인하세요”라는 성공 화면과 초록색 메일 아이콘이 부드럽게 표시되었고, /auth/sign-up-success 경로로 제대로 리다이렉트되었습니다.
빈 프롬프트에서 라이브 데이터베이스 연결 앱까지 걸린 시간은 약 40분이었습니다.
도메인 관리도 자동으로 처리되었습니다. 프로젝트 설정의 “Domains” 섹션에서:
- Default Domain: v0가 제공하는 영구 URL (예: v0-homeowner-service-portal.vercel.app)
- Connected Domains: 직접 도메인을 구매하거나 기존 도메인을 연결할 수 있는 “Buy” 및 “Add” 버튼
테스트나 공유용으로 .vercel.app 도메인이 즉시 라이브되어 DNS 대기 시간 없이 바로 사용할 수 있는 점이 매우 편리했습니다.
전체 평: Supabase 통합과 환경 변수 자동 설정은 엄청난 시간 절약이었습니다. Vercel로의 즉각적이고 안정적인 배포도 인상적이었습니다. 여전히 약간의 코딩 감각을 요구하지만, 텍스트 프롬프트 하나로 라이브 데이터베이스 앱을 한 시간 이내에 완성할 수 있다는 점은 기존 빌더를 압도합니다.
요금제
전통적인 빌더처럼 앱 수나 페이지 수로 과금하지 않고 “크레딧 기반” 시스템을 사용합니다.
프롬프트 전송이나 AI 코드 생성 시 처리된 토큰 수에 따라 크레딧이 소모됩니다.
| Plan | Price | Included Monthly Credits | Key Features |
|---|---|---|---|
| Free | $0/mo | $5 | 하루 7회 메시지, Vercel 배포, GitHub 동기화 |
| Premium | $20/mo | $20 | 일일 로그인 크레딧 $2, Figma 가져오기, 파일 용량 5배 상향 |
| Team | $30/user/mo | $30 | 일일 로그인 크레딧 $2, 팀 협업, 통합 청구 |
| Business | $100/user/mo | $30 | 교육용 학습 제외, 공유 크레딧, 팀 협업 |
결제 및 모델 비용
- 모델 단계: 가장 저렴하고 빠른 v0 Mini, 균형형 v0 Pro, 가장 지능적인 v0 Max 중 선택 가능. 복잡한 로직에는 v0 Max 사용 시 v0 Mini 대비 토큰 소모가 5배 빨라집니다.
- 결제 수단: 신용카드만 지원하며 PayPal은 미지원
- 환불 정책: AI 생성 시 즉시 컴퓨팅 리소스가 소모되므로 환불이 불가합니다.
추천 플랜
간단히 실험해보고 싶다면 Free 플랜을, 실제 프로젝트로 출시 계획이 있다면 Premium 플랜이 가장 가성비 좋습니다. 일일 로그인 보너스 $2가 한 달에 $60 상당의 가치를 더해줘 AI 빌드 시 수차례 시도할 때 유리합니다.
v0 이용료는 Vercel 호스팅 요금과 별도이므로, 프로덕션용 Vercel 호스팅을 함께 쓰면 두 가지 요금이 부과됩니다.
v0 대안
엔드투엔드 애플리케이션 엔지니어링과 데이터베이스 관리를 중점적으로 다루는 도구를 찾는다면 Lovable이 가장 직접적인 경쟁자입니다.
두 도구 모두 채팅 인터페이스로 코드를 작성하지만, v0는 Next.js에 최적화된 Vercel 네이티브 전문 솔루션이고 Lovable은 프론트엔드부터 복잡한 백엔드 로직까지 전체 스택을 다루는 소프트웨어 엔지니어 역할을 표방합니다.
비교 표: v0 vs. Lovable
| Feature | v0 | Lovable |
|---|---|---|
| 사용 편의성 | 매우 높음; 미니멀한 채팅 | 높음; 협업형 채팅 플로우 |
| 적합 대상 | 고성능 React/Next.js UI | 전체 스택 CRUD 애플리케이션 |
| 모바일 앱 | 반응형 웹 앱 | 반응형 웹 앱 |
| 백엔드 & 데이터 | 마켓플레이스 통합(Supabase) | 심층 네이티브 Supabase 통합 |
| 디자인 유연성 | 강력한 글로벌 디자인 시스템 패널 | 주로 채팅 기반 디자인 수정 |
| 성능 | Vercel Edge 호스팅 최적화 | 표준 React/Vite 성능 |
| 가격 정책 | 크레딧 기반 ($20/mo Premium) | 구독 기반 ($25/mo Pro) |
최종 평: v0, 실제로 사용할 만한가?
“HomeServe” 포털을 반나절 동안 만들어보니 v0는 매우 특정한 유형의 사용자에게 최적화된 도구임을 깨달았습니다.
우수한 엔진이지만 어느 정도 운전 경험이 필요한 차와 같습니다.
AI가 “to-do list”를 체크해가며 실제 SQL과 React 코드를 작성하는 모습은 분명한 하이라이트였습니다. 투자자에게 보여줄 프로토타입이나 MVP를 빠르게 만들어야 한다면 속도 면에서 독보적입니다. 글로벌 디자인 시스템도 큰 장점입니다.
하지만 마찰도 분명합니다. 가입 직후 첫 프롬프트 전 크레딧 부족 경고는 거센 인상 남겼습니다. 월 $20~30 준비되지 않으면 금방 한계에 부딪힙니다.
결론: 기술 창업자나 웹 작동 원리를 이해하는 디자이너에게 v0는 강력한 도구입니다. 지루한 설정 작업을 자동화해 대화만으로 실제 소프트웨어를 놀라운 속도로 구축할 수 있습니다.
그러나 기술 로그 없이 드래그 앤드롭 방식의 간단한 제작 경험을 원한다면 Softr나 Wix를 추천합니다. v0는 대화로 앱을 ‘조립’하는 것이 아니라 ‘엔지니어링’하길 원하는 빌더를 위한 도구입니다.
