# Split comparison: 이전과 이후

분할 화면에서는 보라색과 청록색 패널의 숫자를 비교합니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/motion-graphics-templates/remotion/split-comparison

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-split-comparison.mp4?v=a4b54452e4

각 측면에 하나의 큰 숫자가 있는 분할 화면 전후 슬라이드로 전후 라벨이 지정되어 있고 중앙 구분선으로 구분됩니다.

- 프레임워크: Remotion
- 카테고리: 차트
- 길이: 5초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/split-comparison

중앙에 작은 둥근 마커가 있는 가는 선으로 중앙이 분할된 프레임이 열립니다. 왼쪽 절반은 어두운 보라색으로 모서리에 Before라고 표시되어 있고 오른쪽 절반은 어두운 청록색으로 After라고 표시되어 있습니다. 큰 흰색 숫자가 각 절반에 표시됩니다(예: 38% 대 94%). 양쪽의 시간은 차례로 표시되므로 변경 사항이 명확하게 읽혀집니다. 5초 동안 지속됩니다.

전환율, 점수, 시간 등 원하는 수치에 맞게 이전 및 이후 값을 설정하세요. 레이아웃은 두 숫자를 모두 크고 중앙에 유지하므로 작은 화면에서도 잘 읽힙니다. 무료 로그인 후 Claude, Codex 또는 다른 AI 코딩 에이전트용 코드를 복사 또는 다운로드하거나 Subclip에서 사례 연구, 결과 게시물 및 진행 상황 업데이트에 사용할 수 있습니다.

## 이럴 때 쓰세요

- 사례 연구 결과
- 진행 상황 및 개선 업데이트
- A/B 테스트 결과
- 제품 출시 지표

## 바꿀 수 있는 항목

- `before`: 값 이전 (텍스트)
- `after`: 값 이후 (텍스트)

## 이 템플릿 사용 방법

1. Mac 또는 Windows용 Subclip을 내려받으세요. 이 페이지의 모든 템플릿이 미리 설치되어 있습니다.
2. 템플릿 패널을 열고 Split comparison을(를) 골라 타임라인에 끌어다 놓으세요.
3. 레이어 설정에서 텍스트, 색상, 타이밍을 바꾸거나 AI 에이전트에게 수정을 맡기세요.
4. 영상을 내보내거나, 코드를 내려받아 내 프로젝트에서 템플릿을 사용하세요.