ReactVision Studio
ReactVision, Inc. · 동영상
ReactVision Studio는 React Native 위에서 공간 앱을 만드는 팀을 위한 브라우저 기반 AR·VR 에디터다. 컴포넌트를 캔버스로 끌어다 놓고, 원하는 것을 AI 에이전트에게 설명하고, StudioGo로 휴대폰이나 헤드셋에서 결과를 실시간으로 미리 본 뒤, 오픈소스 렌더러 ViroReact를 통해 앱 안에 배포한다. React Native 코드베이스를 벗어나지 않고 AR 앱을 시각적으로 만드는 가장 빠른 길이다. 하나의 장면이 iOS, Android, Meta Quest에서 네이티브로 실행되므로 두 번째 툴체인이 필요 없다.
ReactVision Studio 소개
ReactVision Studio란
Studio는 ReactVision, Inc.가 React Native를 중심으로 구축한 ReactVision 스택 안에 자리한 비주얼 에디터다. 게임 엔진을 배우거나 3D 코드를 작성하는 대신, 컴포넌트로 장면을 조립하고 반복되는 부분은 내장 에이전트에 맡긴다. 그 에이전트는 프롬프트로 장면을 만들고, 애셋을 생성해 배치하고, 물리와 애니메이션을 연결하며, 지리공간 앵커를 설정한다. 모든 작업이 프로젝트 안에서 이뤄진다.
이 도구가 해결하는 문제는 파편화다. 크로스 플랫폼 XR 개발은 보통 엔진을 고르고, 그 고유 언어를 배우고, 앱과 동기화할 별도 프로젝트를 유지하는 일을 뜻한다. Studio는 반대로 간다. 장면이 React 컴포넌트이므로, 팀이 이미 작성하는 React Native 코드베이스가 그대로 휴대폰과 헤드셋에 도달한다. 트레이드오프는 실재한다. React Native와 ViroReact 스택에 묶이고, 에디터는 오픈소스가 아니라 관리형 제품이므로 플랫폼 쪽은 ReactVision이 정한 가격을 따른다.
확인 절차가 위험의 대부분을 막는다. 파괴적이거나 과금되는 작업은 승인 없이 일어나지 않는다. 에이전트는 무언가를 삭제하거나 배치를 제거하거나 유료 AI 생성을 시작하기 전에 공식 확인 단계를 거친다. 변경 내용과 크레딧 비용은 일어나기 전에 보인다.
시작하기
- 브라우저에서 Studio를 열고 ReactVision 계정으로 로그인한다.
- 프로젝트와 장면을 만들거나, 짧은 설명만 주고 AI 에이전트에게 하나를 만들어 달라고 한다.
- 캔버스에서 구성한다. 컴포넌트를 놓고 애셋을 붙이고, 에이전트의 도움으로 물리, 애니메이션, 트리거를 추가한다.
- 휴대폰이나 헤드셋에서 StudioGo를 연결해 모든 변경을 AR 또는 VR로 실시간 미리 본다.
- React Native 앱에 StudioSceneNavigator 컴포넌트를 넣어 ViroReact가 런타임에 완성된 장면을 로드하게 한다.
제품 정보
ReactVision Studio의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- React Native 개발자
- 3D 전문가가 없는 모바일 팀
- 디자이너와 프로토타이퍼
작업
- AR 쇼핑이나 제품 미리보기 장면 만들기
- Meta Quest에서 혼합현실 경험 배포하기
- 기존 앱에 AR 더하기
활용 상황
- 촉박한 일정에 고객 데모용 AR 기능을 시제작하는 작은 스튜디오.
- 가상 피팅을 추진할 가치가 있는지 검증하는 이커머스 팀.
- 지리공간 앵커로 지시를 실제 위치에 연결하는 교육 또는 현장 서비스 앱.
주요 기능
장면 구성을 위한 AI 에이전트
AI 에이전트 XR 에디터는 사람들이 가장 먼저 알아차리는 기능이다. 자연어로 동작한다. 원하는 경험을 설명하면 장면을 만들고, 애셋을 생성해 배치하고, 프로젝트 안에 지리공간 앵커를 설정한다. 방향은 사용자가 잡고, 수고로운 작업은 에이전트가 한다.
StudioGo로 실기기 실시간 미리보기
StudioGo를 프로젝트에 연결하면 에디터의 모든 변경이 약 1초 만에 휴대폰이나 헤드셋에 AR로 비친다. 여기가 가장 중요한 루프다. 장면이 실제 하드웨어에서 어떻게 보이는지 앱에 넣기 전에 파악한다. 데스크톱 렌더는 손에 쥐었을 때의 느낌을 전혀 알려주지 않는다.
하나의 장면, 어디서나 네이티브 렌더링
Studio는 단일 장면 형식을 출력하고, ViroReact는 각 플랫폼의 자체 런타임으로 이를 네이티브 렌더링한다. iOS는 ARKit, Android는 ARCore, Meta Quest는 HorizonOS다. 다시 만들 필요도, 셰이더를 다시 쓸 필요도, 별도 VR 프로젝트도 없다. 장면을 한 번 쓰면 이 스택이 지원하는 모든 곳에 도달한다.
관리형 플랫폼 아래의 오픈소스 렌더러
ViroReact는 MIT 라이선스로 영구 무료이므로 렌더러 자체에는 살 라이선스가 없다. Studio, 클라우드 앵커, 지리공간 앵커, 애셋 호스팅, 환경 테스트가 관리형 부분이며, 팀의 비용이 생긴다면 바로 여기다.
앱 안에서의 런타임 로딩
StudioSceneNavigator라는 단일 컴포넌트가 완성된 장면을 어떤 React Native 앱에든 넣는다. ViroReact가 런타임에 장면을 로드하므로 앱을 다시 빌드하고 재제출하지 않고도 콘텐츠를 업데이트할 수 있다. 왜 중요할까? 콘텐츠 팀이 앱스토어 심사를 기다리지 않고 자기 일정대로 변경을 배포한다.
클라우드 및 지리공간 앵커 내장
Studio는 클라우드 앵커와 지리공간 앵커를 갖추므로 장면이 세션과 기기를 넘어 위치를 유지하거나 실제 장소에 묶일 수 있다. 이 지원은 한 기기를 넘어 지속되어야 하는 모든 것에 중요하다. 빼면 장면은 자기가 어디 있었는지 잊는다.
비용이 큰 작업 전 확인
파괴적이거나 과금되는 작업은 모두 동의를 기다린다. 에이전트는 삭제하거나 배치를 제거하거나 유료 생성을 실행하기 전에 확인하고, 변경 내용과 크레딧 비용을 먼저 보여준다.
장단점
장점
- 장면이 팀이 이미 배포하는 React Native 프로젝트 안에 있으므로 설치하거나 동기화할 두 번째 엔진이 없다.
- AI 에이전트가 장면 그래프와 애셋 배치를 맡아 3D 아티스트가 없는 팀의 진입 장벽을 낮춘다.
- 하나의 장면이 iOS, Android, Meta Quest에 네이티브로 도달해 플랫폼 간 중복 작업을 줄인다.
- StudioGo가 실제 기기에서 변경을 빠르게 미리 보여주고 문제를 일찍 잡는다.
- ViroReact가 MIT 라이선스라 렌더러에 라이선스 비용이 없다.
단점
- React Native와 ViroReact 스택에 묶이므로 Unity나 Unreal을 쓰는 팀은 얻을 게 별로 없다.
- Studio는 오픈소스가 아니라 관리형 제품이다. 브라우저 접근과 플랫폼 서비스는 ReactVision의 가격과 제공 여부에 달려 있다.
- AI 생성에 크레딧이 들 수 있고, 승인이 원래 빠른 흐름에 단계를 하나 더한다.
- 앵커와 호스팅 서비스가 ReactVision의 클라우드에서 돌아 인프라가 통제 밖에 놓인다.
자주 묻는 질문
React Native 앱 안에 배포할 AR·VR 장면을 만드는 브라우저 기반 에디터다. 장면을 시각적으로 조립하고, 기기에서 미리 보고, 오픈소스 렌더러 ViroReact를 통해 iOS, Android, Meta Quest에서 로드한다.
관련 콘텐츠
ReactVision Studio와 관련된 도구, 스킬, 아티클을 살펴보세요.
ReactVision Studio 대안
ngram 2.0
ngram · 동영상 · 마케팅ngram 2.0은 팀을 위한 AI 동영상 생성기다. 프롬프트, 화면 녹화, 제품 URL 가운데 하나만 있으면 내레이션이 붙은 AI 설명 영상이나 제품 데모, AI 아바타 영상이 나온다. 생성 뒤에도 모든 장면을 고칠 수 있다.
OpenScreen 2
OpenScreen (open-source project) · 동영상 · 생산성OpenScreen 2는 Windows, macOS, Linux에서 돌아가는 무료 오픈소스 화면 녹화 프로그램 겸 데모 영상 편집 도구다. 클릭에 맞춘 자동 줌, 프레임, 로컬 자막, 에이전트 편집을 갖췄다.
Skreno
Skreno · 동영상 · 생산성Skreno는 브라우저 화면 녹화 도구다. 탭, 창, 전체 화면을 그대로 담고 AI 스크립트와 요약, 콘솔 로그를 하나의 공유 링크에 붙인다.