v0에서 iOS 앱으로: v0 화면을 네이티브 SwiftUI 앱으로 만들기

v0가 만드는 것은 웹 UI입니다

v0는 Next.js, Tailwind와 shadcn/ui로 코드를 생성하고 브라우저에서 미리 보여 준 다음 Vercel에 배포합니다. 화면이 아무리 앱처럼 보여도 결과물은 웹사이트입니다. iOS 빌드와 App Store 제출 기능은 없습니다.

이는 단점이 아니라 범위의 차이입니다. v0는 웹용으로 만들어졌습니다. iOS 앱은 Apple의 프레임워크로 별도로 만들어야 하며, 이제 결정할 것은 현재 가진 것을 바탕으로 누가 만들 것인지입니다.

현재 가지고 있는 것

채팅 화면 뒤에서 v0 프로젝트는 보통 shadcn/ui 컴포넌트로 구성된 Next.js 코드베이스입니다. 두 가지 결과물이 남으며, 둘 중 어느 것이든 링크로 남길 수 있습니다.

일부 v0 프로젝트는 데이터베이스나 API에 연결되어 있고, 일부는 아직 임시 데이터를 사용하는 프런트엔드입니다. 어느 쪽이든 시작할 수 있습니다. 백엔드는 기존 위치에 두고, 결정하기 전까지 임시 데이터도 그대로 둘 수 있습니다.

iPhone 앱으로 가는 세 가지 방법

감싸기. Vercel 배포물에 네이티브 셸을 씌웁니다. 가장 빠른 방법이지만 Apple은 URL만 보여 주는 WebView를 여전히 웹사이트로 봅니다. 가이드라인 4.2는 앱이 단순히 웹사이트를 다시 포장한 수준을 넘어서는 기능, 콘텐츠와 UI를 갖추도록 요구합니다.

React Native로 다시 만들기. 컴포넌트를 React Native용으로 다시 만들고 Expo 빌드를 실행합니다. 실제 앱을 얻지만 자체 런타임을 사용하는 크로스 플랫폼 앱이며 iOS에서도 고유한 모습으로 보입니다.

AirBuild로 가져오기. AI 팀이 v0 화면을 디자인으로 삼아 네이티브 SwiftUI 앱을 만듭니다. 같은 화면을 iOS 컨트롤로 구현하고 App Review까지 처리합니다.

화면을 SwiftUI로 만드는 방법

디자인한 페이지의 구조와 문구는 유지하고, 각 웹 컨트롤은 같은 작업을 하는 iOS 컨트롤로 바꿉니다.

색상, 서체와 간격은 iOS에서 허용하는 범위 안에서 최대한 유지합니다. v0에서 웹 글꼴을 사용한 부분에는 시스템 서체와 동적 크기를 적용해 사용자가 설정한 글자 크기를 따릅니다.

AirBuild로 가져오는 방법

1. 링크 남기기

   v0 프로젝트의 배포 주소나 동기화된 GitHub 저장소 링크와 함께 대기자 명단에 등록하세요. iOS 앱의 용도와 대상 사용자를 한 문장으로 알려주세요.

2. AI 팀이 SwiftUI로 화면 다시 만들기

   AirBuild의 디자인 및 개발 에이전트가 화면의 구조와 문구를 파악한 뒤 iOS 탐색 방식과 컨트롤을 사용하는 SwiftUI 뷰로 다시 만듭니다. v0 프로젝트는 변경하지 않으므로 v0에서 계속 다듬을 수 있습니다.

3. iPhone에서 사용해 본 뒤 App Review 진행하기

   TestFlight를 통해 앱을 휴대폰에 설치한 뒤 직접 사용해 보고 평소 쓰는 말로 수정을 요청할 수 있습니다. 준비가 끝나면 AirBuild가 App Store 등록 정보를 준비하고 제출합니다. 심사 진행 상황을 확인하고 심사 담당자에게 답변하며, 지적된 문제를 수정해 다시 제출합니다.

준비할 것

• v0 프로젝트의 배포 링크 또는 GitHub 저장소.
• 가장 중요한 화면. 꼭 제대로 만들어야 하는 3개 화면이 중요도가 낮은 12개 화면보다 낫습니다.
• Apple Developer Program 멤버십 또는 앱 제출 전에 가입할 계획.
• 개인정보 처리방침 URL. Apple이 요구하는 항목이며, 이 URL이 없으면 App Store Connect에서 제출을 받지 않습니다.

자주 묻는 질문