Remotion
React로 영상 만들기 — 웹 페이지에 쓰는 것과 같은 종류의 컴포넌트를 프레임 단위로 MP4에 렌더링
Remotion은 React로 영상을 만드는 프레임워크입니다. 컴포넌트를 작성하면 그것을 한 프레임씩 MP4로 렌더링합니다. 2026년 8월 기준 GitHub 스타는 57,096개이고 릴리스는 거의 매주 나옵니다. 창업자에게 중요한 건 예술성이 아니라, 코드로 정의된 영상은 데이터만 바꿔 백 번이라도 다시 렌더링할 수 있다는 점입니다. 광고 변형, 반복 포맷, 개인화된 클립이 정확히 그것을 필요로 합니다. 라이선스는 개인과 직원 3명 이하의 영리 회사에는 무료이고, 그보다 크면 유료 기업 라이선스가 필요합니다.
Remotion이란 무엇인가
Remotion(github.com/remotion-dev/remotion)은 영상을 React 컴포넌트로 다룹니다. 웹 페이지에서 쓰던 것과 같은 JSX, CSS, 이미지로 한 프레임을 구성하고, 지금 몇 번째 프레임인지 프레임워크에 물어본 뒤, 프레임마다 다른 것을 반환하는 방식으로 움직임을 만듭니다. 작업 중에는 스튜디오가 타임라인과 실시간 미리보기를 제공하고, 플레이어 컴포넌트는 결과물을 당신의 앱 안에 끼워 넣으며, 렌더러는 컴포지션을 영상 파일로 바꿉니다. 로컬 Node, AWS Lambda, Vercel, 브라우저 어디서든 돌릴 수 있습니다.
README는 이제 이 프로젝트를 에이전트 시대의 영상 도구로 소개하며 세 가지 진입 방식을 설명합니다. 코딩 에이전트에게 컴포지션을 쓰게 하는 에이전트 방식, 에디터에서 요소를 끌어 옮기는 대화형 방식, 컴포지션을 데이터에 연결하는 프로그램 방식입니다. 셋 모두에서 React 코드가 원본이며, 세 번째가 성립하는 이유도 바로 그것입니다.
유지보수 속도는 흉내 내기 어려운 수준입니다. v4.0.515가 2026년 8월 21일에 나왔고 그 전 주에도 세 개가 더 나왔습니다. 그 뒤의 커밋은 겉치레가 아니라 평범한 제품 작업입니다. 스튜디오 툴바에 자와 안내선 추가, 5.1 오디오 다운믹스 수정, 패키지 설치를 설정 탭으로 이동 같은 것들입니다. 마지막 푸시 날짜가 아니라 커밋 메시지를 읽는 것이 관리되는 프로젝트와 방치된 프로젝트를 가르는 값싼 방법이고, 이 저장소는 그 시험을 넉넉히 통과합니다.
창업자의 성장 도구 더미에서 어디에 놓이는가
대부분의 창업자에게 있는 건 영상 문제가 아니라 영상 변형 문제입니다. 첫 클립은 하루치 작업이고 그 시간은 어떻게든 냅니다. 헤드라인도 가격도 언어도 다른 열 번째 버전이야말로 조용히 영영 만들어지지 않는 것입니다. 코드는 바로 그 지점에서 비상식적으로 뛰어나고, 이 도구의 자리도 거기입니다.
- 광고와 썸네일 변형 컴포지션 하나, 헤드라인 목록 하나, 행마다 렌더 하나. 크리에이티브 테스트가 일정 조율 문제이기를 그만두고 다음 주에도 돌릴 수 있는 반복 작업이 됩니다.
- 반복 포맷 주간 업데이트 클립이나 월간 지표 요약은 매번 똑같아 보여야 합니다. 사람은 잘 못하고 템플릿은 잘하는 요구 조건입니다.
- 개인화되고 데이터로 굴러가는 영상 같은 삼십 초에 고객 각자의 숫자가 들어간 것. 영상이 누군가 손으로 편집한 파일이 아니라 데이터의 함수일 때만 가능합니다.
- 이미 생성 중인 것에 움직임 더하기 이미 이미지를 프로그램으로 만들고 있다면, 이건 같은 발상의 움직이는 판입니다. Satori는 JSX를 정지 이미지로 렌더링하고 Remotion은 그것을 프레임들로 렌더링합니다.
하지 못하는 건 소재를 지어내는 일입니다. 사람을 말하게 하거나 드론 샷을 만들어 내는 모델은 여기 들어 있지 않고, 모든 픽셀은 당신이 구성한 무언가에서 나옵니다. 같은 결과가 두 번 필요할 때는 장점이고, 원했던 것이 분위기였을 때는 한계입니다. 영상이 무엇을 말해야 하는지에 대해서도 의견이 없습니다. 그건 여전히 어려운 부분이고, 아직 어떤 도구도 대신 짊어져 주지 않은 부분입니다.
라이선스와 그것이 긋는 선
Remotion은 2단 구조의 라이선스를 가진 소스 공개 프로젝트이고, GitHub 배지에는 NOASSERTION이라고 표시됩니다. 그건 라이선스 이름이 아니라 해당 파일이 표준 라이선스 중 하나가 아니라는 표시일 뿐입니다. 대신 저장소의 LICENSE.md를 읽으세요. 조항이 짧고, 누가 돈을 내야 하는지에 대해 보기 드물게 명확합니다.
- 개인, 비영리 단체, 비영리 조직: 상업용 영상까지 포함해 무료
- 직원 3명 이하의 영리 회사: 무료
- 아직 상업적으로 쓰지 않고 검토 중인 경우: 무료
- 그 규모를 넘는 영리 조직: 유료 기업 라이선스 필요
- 어느 구간이든 Remotion 자체의 파생물을 다시 포장해 되파는 것은 불가
기준이 매출이 아니라 직원 수라는 점이 중요합니다. 영영 해당되지 않을 수도 있는 조건이 아니라, 미래의 어느 날짜가 되기 때문입니다. 네 번째 사람을 채용할 무렵 영상이 사업의 축이 되어 있다면 그건 미리 보이는 예산 항목입니다. 선을 넘는 날이 아니라 도입하는 날에 알아 두는 편이 훨씬 나은 정보입니다.
창업자에게 영상을 주려다 배운 것
우리는 우리 경험만 이야기할 수 있습니다. AgentCeres — agentceres.com의 AI 그로스 오피서 — 는 요청하는 고객을 위해 영상을 생성할 수 있고, 영상은 고객이 가장 자주 요청하는 것 중 하나였습니다. 놀란 점이 두 가지 있었는데 둘 다 렌더링은 아니었습니다.
첫째, 설계를 제약하는 건 렌더링 시간이 아니라 클립당 비용입니다. 몇 초짜리 생성 영상이 저렴한 설정에서 대략 1달러, 고품질 설정에서는 그 몇 배가 듭니다. 즉 "변형 몇 개 만들어 줘"는 백그라운드 작업이 아니라 실제 청구서입니다. 둘째, 망가지는 지점은 전달입니다. 우리는 클립이 정상적으로 생성되고 완료됐는데도 요청한 본인에게는 끝내 보이지 않는 버전을 내보낸 적이 있습니다. 그 사람이 본 것은 빈 답변이었습니다. 아무도 받지 못한 영상은 실패한 영상과 구분되지 않고, 고칠 곳은 생성이 아니라 전달 경로였습니다.
이것이 이 스펙트럼의 결정론적인 쪽을 택하는 이유입니다. 직접 정의한 렌더링은 매번 비용이 거의 같고, 매번 같은 결과를 내며, 전달이 지루합니다. 반복되는 영상 업무에는 정확히 그 거래가 필요합니다. 창업자가 애초에 영상을 만들어야 하는지는 다른 질문이고, 그건 여기에 썼습니다. 스타트업 홍보에 영상을 만들어야 할까. AgentCeres는 그 결정의 반대편에 있는 실행 계층입니다. AI 전문가 팀이 초안을 잡고 실제 작업을 수행하며, 밖으로 나가는 것은 모두 사람이 승인합니다.
FAQ
- Remotion을 쓰려면 React를 알아야 하나요?
- 현실적으로는 그렇습니다. 최소한 컴포넌트, props, state가 불편하지 않을 정도의 React는 필요합니다. 그 위에 얹히는 영상 개념은 적습니다. 컴포지션에는 프레임 레이트와 길이가 있고, 지금 몇 프레임인지 물어본 뒤 프레임마다 다른 마크업을 반환하면 끝입니다. 웹 개발 경험이 있으면 한나절이면 익힙니다. React를 한 번도 써 본 적 없다면 첫날은 영상이 아니라 React를 배우는 데 쓰게 되니, 타임라인 편집기 대신 이것을 고르기 전에 알아 두는 편이 좋습니다.
- Remotion과 AI 영상 생성기 중 무엇을 골라야 하나요?
- 둘은 문제의 반대쪽을 풉니다. 생성 모델은 없던 소재를 지어내고 실행할 때마다 다른 결과를 주므로 일회성의 분위기 있는 결과물에 맞습니다. Remotion은 지정한 그대로를, 원하는 만큼 동일하게 렌더링하므로 템플릿 형태의 모든 것에 맞습니다. 변형, 반복 포맷, 데이터로 굴러가는 클립 같은 것들이죠. 둘 다 쓰는 팀은 대개 원본 소재는 생성하거나 촬영하고, 반복되는 계층 — 제목, 자막, 레이아웃, 버전 관리 — 은 코드에 맡깁니다.
- 영상은 실제로 어디서 렌더링되나요?
- 당신이 지정한 곳입니다. 간단한 길은 자기 컴퓨터나 서버의 Node 프로세스이고, 몇 개 정도 렌더링에는 충분합니다. 물량이 필요해지면 프로젝트가 AWS Lambda와 Vercel에서의 렌더링, 그리고 브라우저 안에서 처리하는 클라이언트 경로를 문서화해 두었습니다. 맞바꿈은 늘 같습니다. 로컬은 공짜지만 느리고 기계 한 대를 묶어 두며, 분산 렌더링은 렌더링마다 돈이 들지만 백 개의 변형을 오후 한나절이 아니라 병렬 작업으로 바꿔 줍니다.
You built it. Now grow it.
AgentCeres is a managed AI marketing team — specialists draft the SEO, social, and outreach that fill your links, you approve what ships. 14-day free trial, from $39/month.