Remotion 문서·커뮤니티에서 자주 쓰이는 핵심 용어를 한 페이지에 정리한다. 입문할 때 한 번 읽어두면 문서 읽기 훨씬 수월해진다.
🎬 영상 / 비디오 관련
| 용어 | 영문 | 정의 |
|---|
| 컴포지션 | Composition | React 컴포넌트 + 영상 메타데이터의 결합. <Composition>으로 등록. |
| 시퀀스 | Sequence | 시간상 일부 구간에 컴포넌트를 마운트. <Sequence from={0} durationInFrames={60}> |
| 컴포지션 ID | Composition ID | <Composition id="...">의 고유 식별자 |
| 번들 | Bundle | 컴포지션을 렌더링하기 위해 빌드된 단일 JS 아티팩트 |
| 서브 URL | Serve URL | 번들에 접근할 수 있는 URL (로컬 / S3 / Lambda) |
| 동시성 | Concurrency | 동시에 실행되는 렌더링 작업 수 |
⏱️ 시간 / 프레임
| 용어 | 영문 | 정의 |
|---|
| 프레임 | Frame | 영상의 단일 정지 이미지. 0-indexed. |
| FPS | Frames Per Second | 초당 프레임 수. 일반적으론 30 또는 60. |
| 지속 프레임 | durationInFrames | 컴포지션·시퀀스의 총 프레임 수 |
| 시작 프레임 | from | 시퀀스가 시작되는 프레임 |
| 현재 프레임 | useCurrentFrame() | 현재 렌더링 중인 프레임 번호 (시퀀스 내 상대 시간) |
| 컴포지션 길이 | Composition duration | durationInFrames / fps 초 단위 |
🎨 비주얼
| 용어 | 영문 | 정의 |
|---|
| 레이어 | Layer | 절대 위치의 컴포넌트. <AbsoluteFill>이 핵심. |
| 캔버스 | Canvas | Remotion Studio의 미리보기 영역 (1920×1080 등) |
| 캔버버스 | AbsoluteFill | 컴포지션 크기만큼 채우는 절대 위치 컨테이너 |
| 플레이헤드 | Playhead | 타임라인의 현재 프레임 인디케이터 |
🔧 React / Hook
| 용어 | 영문 | 정의 |
|---|
| 훅 | Hook | useCurrentFrame(), useVideoConfig() 등 |
| 보간 | interpolate | 프레임 → 값 매핑 헬퍼 함수 |
| 스프링 | spring | 탄성 애니메이션 헬퍼 함수 |
| 딜레이 렌더 | delayRender | 비동기 자산 로드 대기 (continueRender로 해제) |
| 이미지 픽셀 | Img | Remotion의 이미지 컴포넌트 (preload 보장) |
🏗️ 렌더링
| 용어 | 영문 | 정의 |
|---|
| 헤드리스 크롬 | Headless Chrome | UI 없는 Chromium. 렌더링에 사용. |
| 번들링 | Bundling | React 코드를 단일 JS로 빌드 |
| 시퀀스 마운트 | Sequence mount | <Sequence> 안 컴포넌트가 DOM에 추가되는 시점 |
| 이미지 포맷 | Image format | 렌더 시 캡처할 프레임 포맷. PNG(고품질) / JPEG(빠름) |
| 코덱 | Codec | h264 / h265 / vp8 / vp9 / prores |
| 픽셀 포맷 | Pixel format | yuv420p / yuv444p / rgba 등 |
| CRF | Constant Rate Factor | 인코딩 품질. 낮을수록 고품질 (기본 18) |
🖥️ Studio
| 용어 | 영문 | 정의 |
|---|
| 스튜디오 | Studio | 로컬 개발 환경 (npx remotion studio) |
| Fast Refresh | - | 코드 수정 시 자동 리로드 |
| 타임라인 | Timeline | Studio 하단의 프레임 탐색 바 |
| 컨트롤 | Controls | Player의 재생/일시정지/탐색 UI |
| defaultProps | defaultProps | 컴포지션의 기본 입력 props |
| Props Editor | - | Studio 우측의 props 편집 패널 |
☁️ 클라우드 / Lambda
| 용어 | 영문 | 정의 |
|---|
| 람다 | Lambda | AWS Lambda 기반 클라우드 렌더링 |
| 사이트 | Site | Lambda에 업로드된 번들 (Serve URL) |
| 함수 | Function | 실제 렌더링을 실행하는 Lambda 함수 |
| 콜드 스타트 | Cold start | 함수가 처음 호출될 때의 초기화 지연 |
| GB-초 | GB-second | Lambda 과금 단위 (메모리 × 시간) |
| Reserved Concurrency | - | Lambda 동시 실행 한도 |
📦 도구
| 용어 | 영문 | 정의 |
|---|
| MCP | Model Context Protocol | AI 에이전트가 도구에 접근하는 표준 |
| Skills | Agent Skills | 에이전트에게 도메인 지식을 가르치는 마크다운 |
| Whisper | Whisper | OpenAI의 음성 인식 모델 |
| WebCodecs | WebCodecs | 브라우저 비디오 인코딩 표준 API |
| Mediabunny | Mediabunny | Remotion의 WebCodecs 폴리필 (Safari 등) |
📜 License / 정책
| 용어 | 영문 | 정의 |
|---|
| 회사 라이선스 | Company License | 수익 발생 시 필요한 상업용 라이선스 |
| 개인 라이선스 | Personal License | 비상업용 무료 사용 |
| Pro | Pro | Remotion의 유료 제품 (Editor Starter, Timeline, Animated Captions) |
| EULA | End User License Agreement | Remotion EULA |
💡 흔히 혼동되는 용어
| 헷갈림 | 차이 |
|---|
| Composition vs Component | Composition = 등록 가능한 영상 단위 / Component = 일반 React 컴포넌트 |
| Sequence vs Composition | Sequence = 한 컴포지션 안의 시간 구간 / Composition = 독립된 영상 |
| Bundle vs Build | Bundle = 렌더용 단일 JS / Build = Next.js 등의 일반 빌드 |
| FPS vs Frame Rate | 같은 의미. FPS가 더 흔히 사용됨. |
| renderMedia vs renderMediaOnWeb | Node에서 실행 / 브라우저에서 실행 |
📚 영역 구분
상위 문서: ← Remotion 트러블슈팅 & 운영
출처: Remotion 공식 문서 — Terminology 한글화 (2026-07-29)
공급사: Remotion AG
변경 이력
| 날짜 | 변경 |
|---|
| 2026-07-29 | 초판 작성 (공식 Terminology 가이드 한글화) |
| 2026-07-29 | 메타데이터 블록을 본문 하단으로 이동 |