🎧 음성으로 듣기 — 화면 꺼도 재생됩니다
깃허브 설명 · 13/41편째
L' 자료실 · 깃허브 설명 · 5:08 · 👀 보는 강의
Remotion — 이 채널의 심장, 코드로 영상을 렌더링하다
이 채널 영상 100편+가 전부 편집 프로그램 없이 이걸로 만들어집니다. React 컴포넌트로 영상을 렌더링하는 프레임워크(실측 ⭐54,771)에 클로드코드 공식 스킬까지 — 말로 설명하면 영상 코드가 나옵니다. ⚠️ 라이선스 주의: 1~3인 무료·상업OK, 4인+ 회사는 유료.
클로드코드에 붙여넣기 — 이 한 줄이 전부입니다
npx -y skills@latest add remotion-dev/skills -g -y로 Remotion 스킬을 설치하고, (내용)을 보여주는 30초 영상 프로젝트를 만들어줘. 사전 준비가 필요하면 그것까지 해줘링크 & 명령어 — 복사해서 쓰세요
- 열기 ↗
리포 — remotion-dev/remotion
github.com/remotion-dev/remotion - 열기 ↗
npx -y skills@latest add remotion-dev/skills -g -yHOW I USE IT
고백부터 — 이 채널의 강의·뉴스 100편 이상이 전부 이 도구로 만들어졌습니다. 리액트 컴포넌트로 화면을 짜면 MP4로 렌더링해 주는 프레임워크(실측 ⭐54,771, 오늘도 커밋)이고, 매 프레임이 데이터로 그려집니다. 대본 JSON→음성 합성→렌더→자막까지 전 단계가 코드라서 클로드코드가 전부 조작할 수 있고, 5분 영상 렌더가 실측 약 5분 — 대본 확정부터 완성본까지 30분 안에 끝나는 날이 흔합니다.
클로드코드 공식 스킬이 있어서(리모션 팀 제작·오늘도 업데이트) 리액트를 몰라도 됩니다 — 스킬을 설치하면 클로드가 최신 문법과 모범 사례를 아는 상태가 되고, 어떤 영상을 원하는지 말로 설명하면 코드를 대신 씁니다. 영상이 '제작물'에서 '출력물'이 되는 것: 상품 100개 소개 영상, 매주 갱신되는 가격표 영상 같은 반복 영상이 데이터 교체로 나옵니다.
⚠️ 오픈소스지만 MIT가 아닙니다 — 개인·1~3인 팀은 무료(상업 사용 포함), 4인 이상 회사는 유료 컴퍼니 라이선스, 렌더링 자동화 서비스는 별도 과금. 혼자 하는 사장님은 해당 없지만 회사 도입 전엔 공식 가격표 확인이 먼저입니다. 참고로 소개 글의 '조회수 600만 데모' 수치는 공식 자료에서 확인하지 못해 쓰지 않았습니다. 한계: 렌더에 시간이 들고, 예능식 편집 감각은 코드로 안 나옵니다 — 반복 영상 공장을 짓는 도구입니다.