v0로 검토 가능한 웹 프로토타입 만들기
최종 검토: 2026. 8. 25.
다음 검토 권장: 2026. 11. 25.
v0는 자연어로 UI와 코드를 만들고 Vercel 프로젝트와 연결해 배포할 수 있는 도구입니다. 시작은 빠르지만, 생성된 화면이나 배포 링크가 제품 검증·보안 검토·접근성 확인을 대신하지는 않습니다. 무료·유료 플랜과 사용 한도는 계정 화면과 공식 가격 안내에서 작업 시점에 확인하세요.
프로토타입의 책임 범위
| 구분 | v0로 빠르게 할 일 | 사람이 책임질 일 |
|---|---|---|
| 화면 | 정보 구조와 컴포넌트 초안 | 실제 사용자 흐름과 접근성 |
| 코드 | 구현 후보와 수정안 | 의존성, 보안, 테스트, 코드 리뷰 |
| 데이터 | 합성 데이터로 상태 표현 | 개인정보·고객 데이터의 처리 기준 |
| 배포 | 미리보기 생성 | 운영 전 승인과 도메인·환경 설정 |
현재 배포된 앱을 기준으로 한 실습
Agent Lab의 언어 선택 페이지처럼, 공개 콘텐츠로 이동하는 작은 화면을 만듭니다. 실제 로그인·결제·고객 문의 폼은 이 실습의 범위에 넣지 않습니다.
한국어와 영어 학습 경로를 소개하는 반응형 페이지를 만들어 줘.
필수 요소
- 각각의 언어 카드에 대상 독자, 최신 콘텐츠 기준, 이동 버튼 표시
- 모바일에서도 카드와 버튼이 읽히는 구조
- 색상만으로 상태를 구분하지 않는 안내 문구
제약
- 실제 고객 후기, 이용자 수, 가격, 제휴 로고를 지어내지 않는다.
- API 키와 외부 서비스 토큰을 코드에 넣지 않는다.
- 배포 전에 사람이 링크·텍스트·모바일 화면을 확인할 수 있게 한다.생성 뒤의 확인 순서
- 요구사항과 실제 화면을 비교해 빠진 상태와 잘못된 문구를 고칩니다.
- 생성된 코드를 저장소에서 검토하고, 의존성과 외부 호출을 확인합니다.
- 비밀값은 코드가 아니라 프로젝트 환경별 설정으로 관리합니다.
- 좁은 화면과 넓은 화면에서 키보드 이동, 버튼, 대비, 링크를 확인합니다.
- 미리보기 검토가 끝난 뒤에만 운영 배포를 승인합니다.