Remotion FAQ

Remotion을 사용하면서 자주 묻는 질문과 답변을 모았다. 새 프로젝트를 시작하기 전 한 번 훑어보자.

💰 라이선스 & 가격

Q: Remotion은 무료인가?

A: Remotion 자체는 무료 오픈소스(MIT-license CLI 도구)지만, 상업용 Remotion은 별도 라이선스가 필요하다. 자세한 내용: Remotion License & Pricing.

Q: 개인 프로젝트에도 라이선스가 필요한가?

A: 개인 비상업용 프로젝트는 무료. 수익을 창출하는 모든 사용처는 Company License 필요.

🎬 렌더링

Q: 한 번에 여러 영상을 렌더할 수 있나?

A: 네. Lambda는 pay-per-render로 수백 개도 가능. 로컬은 Promise.all + concurrency 조정.

Q: 4K (3840×2160) 영상을 만들 수 있나?

A: 가능. 단, 메모리 사용량 큼 (RAM 8GB+ 권장, Lambda는 4GB+ 메모리).

Q: 60초 이상 영상도 만들 수 있나?

A: 가능. Lambda는 단일 실행 15분 제한. 그 이상은 여러 chunk로 나눠 렌더 후 FFmpeg로 concat.

Q: mp4 외 포맷은?

A: mov, webm (VP9/VP8), gif, png 시퀀스, audio, prores 모두 지원.

Q: 렌더 중 진행률을 알 수 있나?

A: onProgress 콜백 또는 Lambda의 getRenderProgress API 사용.

🖥️ Studio

Q: 모바일에서 Studio를 쓸 수 있나?

A: Studio는 데스크톱 Chrome/Edge/Firefox 등 권장. 모바일은 Player 사용.

Q: 동시 여러 컴포지션을 미리보기할 수 있나?

A: 좌측 사이드바에서 클릭으로 전환. 동시에 여러 개 띄우기는 미지원.

Q: Studio를 팀원에게 공유할 수 있나?

A: 로컬 개발용이므로 직접 공유 어려움. 필요시 Studio-into-app 패턴.

⚛️ React / 프레임워크 통합

Q: Next.js에서 쓸 수 있나?

A: 가능. Brownfield 가이드 참고.

Q: React 19 호환되나?

A: 네, Remotion 4.0+부터 React 19 정식 지원. https://www.remotion.dev/docs/react-19

Q: Vue / Svelte / Angular에서 쓸 수 있나?

A: 직접 통합은 어려움 (Remotion이 React 기반). Vue/Svelte/Angular 가이드는 iframe + Player 패턴.

Q: Server Component로 렌더링할 수 있나?

A: Remotion 렌더링 자체는 Server Component가 아님. Lambda/SSR은 Node.js. Player 임베드는 Client Component.

💾 데이터 / Props

Q: API에서 데이터를 가져와 영상을 만들 수 있나?

A: calculateMetadata 안에서 await fetch() 가능. 입력은 JSON props.

Q: 한 컴포지션을 여러 props로 일괄 렌더하나?

A: 스크립트로 inputProps 바꿔가며 Lambda 호출. Parameterized videos 참고.

Q: 영상을 DB에 저장하나요?

A: 결과 mp4를 S3 / Vercel Blob / Cloudflare R2 등에 저장. Remotion은 저장소를 제공하지 않음.

🎨 디자인 & 애니메이션

Q: Lottie / After Effects 파일을 불러올 수 있나?

A: Lottie는 lottie-react 임포트 가능. After Effects JSON은 Bodymovin로 변환.

Q: 3D 영상을 만들 수 있나?

A: Three.js 통합 지원. <ThreeCanvas> 컴포넌트 사용.

Q: SVG를 쓸 수 있나?

A: 네. React에서 일반 SVG 사용 가능. SVG-in-CSS도 가능 (advanced pattern).

⚡ 성능

Q: 렌더링이 너무 느려요.

A: 동시성 늘리기 (--concurrency), 이미지 포맷을 PNG → JPEG, 메모리 늘리기 (Lambda), 브라우저 재사용 (warm pool).

Q: 1시간짜리 영상을 만들 수 있나?

A: Lambda 15분 제한 때문에 직접는 어려움. chunk로 나눠 렌더 후 concat. 또는 SSR/자체 서버.

Q: 메모리 누수처럼 보여요.

A: <Video> / <Audio>의 ref를 useEffect cleanup에서 dispose. 대용량 자산은 lazy import.

🔌 클라우드 / 호스팅

Q: 어떤 클라우드가 가장 저렴해요?

A: 워크로드에 따라 다름. Lambda는 pay-per-render로 소량에 강함. Vercel Sandbox는 Next.js 통합에 강함. Cloudflare Containers는 글로벌 edge.

Q: Cloudflare R2로 결과물을 저장하나요?

A: 가능. Lambda의 outputBucket 옵션으로 R2 지정 가능.

Q: 자체 서버에서 돌릴 수 있나요?

A: 가능. @remotion/renderer의 renderMedia()는 Node API. 단, Chromium 설치 필요.

🛠️ 디버깅

Q: 에러 메시지가 모호해요.

A: --log=verbose로 상세 로그 확인. onProgress 콜백에서 어떤 프레임에서 멈췄는지 확인.

Q: 메모리 누수 체크는?

A: Chrome DevTools → Performance 탭. 또는 Node --inspect 모드로 디버그.

Q: 동료에게 재현 가능한 버그 리포트

A: GitHub Issue 템플릿 + 재현 가능한 minimal repo.

📚 영역 구분

에러 해결: Remotion Troubleshooting Overview
코드 스니펫: Remotion Snippets
용어: Remotion Terminology
한글 hub: Remotion 트러블슈팅 & 운영

상위 문서: ← Remotion 트러블슈팅 & 운영 출처: Remotion 공식 문서 — FAQ 한글화 (2026-07-29) 공급사: Remotion AG

변경 이력

날짜	변경
2026-07-29	초판 작성 (공식 FAQ 가이드 한글화)
2026-07-29	메타데이터 블록을 본문 하단으로 이동