📄️ Remotion 프로젝트 개요
Remotion은 React 컴포넌트를 영상의 프레임으로 렌더링하는 도구다. JSX와 CSS로 장면을 만들고, useCurrentFrame()으로 시간에 따른 움직임을 정의한다. 같은 코드로 Studio 미리보기와 MP4 렌더링을 수행할 수 있다.
📄️ Remotion 예제
예제 1: my-first-remotion
📄️ Remotion React 코드
Remotion 컴포넌트는 일반 React 컴포넌트지만 시간은 초가 아니라 프레임으로 다룬다. CSS transition이나 animation 대신 현재 프레임으로 모든 상태를 계산해야 최종 렌더에서도 동일하게 재현된다.