v0 by Vercel

VPN 필요 없습니다. v0.dev 는 한국 IP·KT·SK·LG U+ 모든 ISP 에서 정상 접속되며 가입은 GitHub·Google·이메일 SSO 로 1분 안에 완료됩니다. 한국 휴대폰 본인인증 없이 시작되며 가입 즉시 무료 일 200 크레딧이 제공됩니다. 결제는 Premium($20/월)·Team($30/월·사용자당) 모두 비자·마스터·아멕스 한국 신용카드·체크카드 정상 동작하며 환율 적용 후 약 2.8만원/4.2만원 청구됩니다. 카카오페이·네이버페이 미지원이라 카드 등록 필수입니다. 영수증·인보이스는 Vercel 계정 → Billing 에서 PDF 다운로드 가능하고 사업자번호 입력 시 세금계산서 발급도 됩니다. Vercel 호스팅과 같은 계정·결제로 통합됩니다.

용도 분담을 권장합니다. ① v0 = React + Next.js + Tailwind + shadcn/ui UI 컴포넌트·페이지 생성 1티어, Vercel 배포 통합, 디자이너 없는 팀의 빠른 시각화 ② Bolt.new = 풀스택 앱(프론트+백+DB) 생성 + 브라우저 안 가상 환경 실행, 빠른 MVP·프로토타입에 최적 ③ Lovable = 유사 풀스택 + 한국어 인터페이스 일부 지원, 비개발자 친화 ④ Cursor = AI 네이티브 IDE, 본격 개발자가 직접 코드 작성. 결론: UI 디자인·컴포넌트 = v0, 풀스택 MVP = Bolt·Lovable, 본격 개발 = Cursor + Claude Code. 한국 스타트업·1인 개발자 표준 워크플로우는 v0(UI) + Cursor(코드 통합) 조합입니다.

본격 사용 시 Premium 이 필수입니다. 무료(일 200 크레딧) 는 ① 가벼운 체험·학습용에 충분 ② 결과물이 공개 갤러리에 표시 ③ Image to UI(스크린샷·Figma → 코드) 제한 ④ 비상업 한정 ⑤ shadcn/ui 풀 사용 가능. Premium 은 ① 월 무제한급 한도 ② Image to UI 풀 사용 ③ 결과 비공개 처리 ④ 상업 이용 허용 ⑤ Vercel 배포 통합 ⑥ 우선 처리. 활용 빈도 주 3회 이상이면 Premium 이 가성비 좋고 디자이너 없는 스타트업·1인 개발자에게는 본업 시간 절약 도구로 본전 회수 빠릅니다. 회사·팀 단위는 Team($30/사용자) 가 협업·SSO·관리 포함이라 더 적합합니다.

결과 코드 자체는 순수 React + Tailwind CSS + shadcn/ui 기반이라 ① Next.js(App Router·Pages Router) 가 가장 자연스러움 ② Vite + React 프로젝트도 약간의 수정으로 사용 가능 ③ Remix·Astro 도 React 부분만 추출해 사용 가능 ④ Vue·Svelte·Angular 같은 다른 프레임워크는 전체 코드 재작성 필요. shadcn/ui 컴포넌트 의존성은 별도 `npx shadcn add` 명령으로 설치해야 합니다. 한국 개발자 표준 패턴: ① Next.js 14·15 + Tailwind + shadcn/ui 신규 프로젝트에 v0 결과 그대로 복붙 ② 기존 프로젝트에 컴포넌트 단위로 추가 ③ Figma 시안을 v0 로 변환 후 코드 정리. Vue·Svelte 사용자는 다른 도구(Visual Copilot·Builder.io) 가 더 적합합니다.

Premium 이상에서 Image to UI 가 풀려 ① 디자인 시안 스크린샷 업로드 → 코드 자동 생성 ② Figma 디자인 캡처 → React + Tailwind 변환 ③ 경쟁사 UI 스크린샷 → 본인 프로젝트용 컴포넌트 ④ 손그림·종이 스케치 사진 → 와이어프레임 코드. 정확도: ① 단순 레이아웃(카드·폼·리스트) = 80~90% ② 중간 복잡도(대시보드·테이블) = 60~80% ③ 복잡한 인터랙션·애니메이션 = 후속 명령 필요. 권장 워크플로우: ① 첫 변환 후 미리보기 확인 ② '버튼 색 변경·여백 조정·반응형 추가' 같은 후속 명령으로 개선 ③ 코드 복사 → 프로젝트 통합 → 미세 조정. 디자이너 없는 팀에게 압도적 시간 절약 도구입니다.

한국어 명령도 인식하지만 영어 대비 결과 정확도가 떨어집니다. 짧고 단순한 한국어(예: '로그인 폼·카드 컴포넌트·다크 모드 적용') 는 자연스럽게 처리되나 ① 미적 디테일(시네마틱·미니멀·인더스트리얼) ② UI/UX 전문 용어(skeuomorphism·glassmorphism·neumorphism) ③ 복잡한 다단계 명령은 영어가 훨씬 정확합니다. 권장: ① ChatGPT·Claude·DeepL 로 한국어 의도를 영어 프롬프트로 변환 ② 한국어 + 영어 혼용(예: 'glassmorphism 적용한 로그인 폼') ③ 후속 수정 명령은 한국어로 자유롭게. 한글 텍스트(버튼·라벨) 합성은 자동으로 잘 들어가며 한국어 UI 프로젝트에도 그대로 활용 가능합니다.

Premium($20) 이상 유료 플랜은 생성 코드·UI 의 상업 이용이 허용됩니다. 본인 프로젝트·회사 제품·고객 의뢰 모두 사용 가능하고 저작권은 생성자(사용자) 에게 귀속됩니다. 무료 플랜은 ① 비상업 한정 ② 결과물이 공개 갤러리에 표시(다른 사용자가 볼 수 있음) ③ 본인 학습·취미 프로젝트 사용은 가능. 본격 상업 사용 전 Premium 결제 필수입니다. 단 ① shadcn/ui 컴포넌트는 MIT 라이센스(자유 사용) ② Tailwind CSS 도 MIT ③ 사용한 아이콘·이미지 라이센스 별도 확인 필요. 디자인 시안 변환 시 원본 디자인의 저작권은 별도 문제이므로 본인 디자인 또는 라이센스 확보한 시안만 사용 권장합니다.

환불은 결제 후 14일 이내 + 사용량이 적을 때 케이스별로 가능합니다. Vercel 계정 → Settings → Billing → Contact Support 로 영문·한국어 요청 모두 처리됩니다. 자동 결제 해지는 같은 메뉴에서 'Cancel plan' 으로 즉시 가능하며 해지해도 결제한 달 끝까지 기능 그대로 사용됩니다. '한 달만 결제 후 해지' 패턴이 자유롭고 페널티 없습니다. 카드 변경·삭제·인보이스 다운로드도 같은 페이지에서 처리됩니다. Vercel 호스팅과 v0 가 같은 결제로 통합되어 있으니 Vercel 호스팅 사용 중이면 분리 해지가 필요합니다. 연간 결제 시 약 15~20% 할인되며 본격 사용자·회사는 연간 결제가 효율적입니다.

v0 결과를 한 번에 Vercel 에 배포할 수 있어 별도 설정·환경 변수·도메인 작업 없이 즉시 라이브 URL 이 생성됩니다. 절차: ① v0 에서 컴포넌트·페이지 생성 ② 'Deploy to Vercel' 버튼 클릭 ③ GitHub repo 자동 생성 또는 기존 repo 선택 ④ 30초~1분 내 라이브 URL 배포 완료. 활용: ① 클라이언트·팀에게 즉시 공유 가능한 URL ② 빠른 시제품 검증 ③ 1인 개발자 MVP 빠른 출시 ④ 사이드 프로젝트 무료 호스팅. 무료 Vercel Hobby 플랜에서도 가능하며 본격 트래픽·기능 필요시 Pro($20/월·v0 와 별개) 검토. 한국 IP 에서 접속·관리 모두 정상 동작합니다.

기본 약관상 무료 플랜은 결과물이 공개 갤러리에 표시될 수 있어 회사 미공개 디자인 업로드는 위험합니다. 안전하게 쓰려면 ① Premium 이상 결제 → 결과 비공개 처리 ② 회사 로고·미공개 제품 스크린샷 직접 업로드 금지 ③ 입력 데이터가 모델 개선에 사용될 가능성 인지 ④ 매우 민감한 디자인은 가명화·일부 영역 마스킹 후 사용. 한국 금융권·정부·대기업 망분리 환경은 외부 클라우드 사용 자체가 제한되므로 사내 보안팀 사전 협의 필수입니다. Team·Enterprise 플랜의 No-train 약관 + 사용자별 권한 관리 활용 권장합니다. 일반 스타트업·1인 개발자의 일반 디자인은 Premium 이면 비교적 안전합니다.

컴포넌트 1개 생성당 약 5~20 크레딧, 후속 수정 명령은 1~5 크레딧, Image to UI 는 30~50 크레딧 소모됩니다. 일 200 크레딧이면 ① 새 컴포넌트 10~20개 또는 ② 후속 수정 50~100회 또는 ③ Image to UI 4~6회 가능합니다. 가벼운 사용(주 3~5회) 에는 무료가 충분하나 본격 사용자(매일 디자인 시안 잡기) 는 한도 부족이 잦습니다. 무료 플랜은 ① 결과 공개 갤러리 표시 ② 비상업 한정 ③ Image to UI 제한 단점이 있어 본격 상업 사용은 Premium($20) 필수. 한 달 무료 사용 → 패턴 파악 → Premium 결제 결정 흐름이 합리적이고 학생·취미 개발자는 무료로도 충분히 활용 가능합니다.

① 빠른 UI 시안 시각화 — 디자이너 없는 스타트업이 PM·CEO 에게 보여줄 시각화 ② Figma 디자인 → 코드 변환 — Image to UI 로 시간 절약 ③ shadcn/ui 컴포넌트 양산 — 폼·테이블·대시보드·차트 빠른 생성 ④ 1인 개발자 MVP 빠른 출시 — v0 + Vercel 로 하루 안에 라이브 ⑤ 클라이언트 시연용 시각화 — 비공식 시안 빠른 공유. 추가로 ⑥ 사이드 프로젝트 UI ⑦ 학습용 React·Tailwind 패턴 참고 ⑧ shadcn/ui 새 컴포넌트 시도. Next.js + Tailwind + shadcn/ui 한국 표준 스택과 완벽 호환되어 한국 신규 프로젝트의 표준 시각화 도구가 되어가고 있습니다.

v0.dev 모바일 브라우저(Safari·Chrome) 접속 시 정상 동작하나 ① 작은 화면에서 코드 편집·미리보기 동시 보기가 어려움 ② 키보드 타이핑이 PC 대비 비효율 ③ 후속 수정 명령은 가능하나 본격 작업은 부적합. 활용: ① 외출 중 빠른 아이디어 시각화 ② 클라이언트 미팅에서 즉석 시연 ③ 결과 미리보기 확인·공유. 아이패드 + 외장 키보드 조합은 비교적 실용적이며 Magic Keyboard·Apple Pencil 활용 시 디자인 시안 그리기 → 사진 촬영 → Image to UI 변환 워크플로우가 자연스럽습니다. 본격 작업은 PC + 듀얼 모니터 권장합니다.

v0 는 2026 초 기준 공식 공개 API 가 베타 단계입니다. Premium 이상에서 일부 API 액세스 가능하며 ① 코드 생성 자동화 ② CI/CD 파이프라인에 디자인 검증 통합 ③ Figma 디자인 자동 → 코드 변환 ④ 사내 디자인 시스템 자동화 같은 활용이 가능합니다. 단순 자동화는 v0 웹 UI 사용이 표준이고 본격 자동화가 필요하면 ① Anthropic Claude API 로 React 코드 생성 ② OpenAI gpt-image-1 로 디자인 + Claude 로 코드 변환 ③ Builder.io Visual Copilot API 같은 대안 검토 권장. Vercel 생태계 안에서 v0 + Vercel API + Next.js + Edge Functions 통합 워크플로우가 점차 강화되는 추세입니다.