trailer
The promo video for Remotion
파일 탐색기
최종 버전 다운로드 (.zip)- render-video.yml
- test.yml
- settings.json
- Arc.tsx
- Intro.tsx
- Logo.tsx
- Triangle.tsx
- BestQualities.tsx
- Blue.tsx
- Cascadia.woff2
- CodeFrame.tsx
- Cpu.tsx
- EndCard.tsx
- EndCardRepo.tsx
- EndCardWebsite.tsx
- EndCardYarn.tsx
- excalidraw-fonts.css
- FadeTransition.tsx
- fast-refresh-demo.webm
- FastRefreshDemo.tsx
- Feature.tsx
- FG_Virgil.woff2
- fork-trimmed.webm
- Fork.tsx
- github.png
- GlowingStroke.tsx
- GoToGithub.tsx
- HowTo.tsx
- index.tsx
- inspect-and-refactor.png
- inspect.png
- Inspect.tsx
- InspectAndRefactor.tsx
- Install.tsx
- InstallFrame.tsx
- JustWhite.tsx
- Main.tsx
- MultiThreaded.tsx
- OpenSource.tsx
- Pricing.tsx
- PricingFree.tsx
- PricingRight.tsx
- prism.css
- pull-request.png
- PullRequest.tsx
- Qualities.tsx
- remotion-logo.png
- remotion-player.webm
- remotion-website.png
- RemotionPlayerDemo.tsx
- SSRMultithreaded.tsx
- TeaseCodeFrame.tsx
- Terminal.tsx
- TerminalRender.tsx
- Trailer.tsx
- Transition.tsx
- Video.tsx
- videothumbnail.png
- voiceover-no-music.mp3
- Website.tsx
- WebTechnologies.tsx
- YesThisWorks.tsx
- .babelrc
- .eslintrc
- .gitattributes
- .gitignore
- .prettierrc
- Dockerfile
- out.mp4
- package-lock.json
- package.json
- README.md
- remotion.config.ts
- trailer.mp4
- tsconfig.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/remotion-dev/trailer
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd trailer
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t trailer .
Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.
docker run -p 8080:80 trailer
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
3. Node.js
쉬움사전 준비물
npm start
개발/실행 서버를 켭니다.
npm run build
배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.
npm run upgrade
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
