# Resizable: 분할 패널 UI

드래그할 수 있는 핸들로 나뉜 두 패널을 반반으로 나눈 상태로 보여 주며, Panel one과 Panel two라는 샘플 카드가 들어 있습니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-resizable.mp4?v=05db6c03b5

구분 핸들이 있는 두 패널 레이아웃으로, UI 데모 영상에 맞게 분할 비율과 핸들 상태를 설정할 수 있습니다.

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

밝은 컨테이너가 좌우로 나뉘어 차분한 샘플 카드 "Panel one"과 "Panel two"가 놓이고, 그 사이 구분선에 작은 핸들이 있습니다. 템플릿은 핸들이 대기 상태인 50/50 분할을 4초 동안 보여 줍니다. 코드에서는 마우스를 올리거나 누르면 핸들이 커지며 고리가 나타나고, 드래그하면 구분선이 미끄러집니다.

분할 비율, 핸들 상태(대기, 호버, 누름), 방향(가로 또는 세로)과 함께 재생 속도와 배경도 설정할 수 있습니다. 에디터-IDE 데모, 대시보드 레이아웃 설명, 디자인 시스템 소개, 분할 보기 기능 영상에 사용하세요.

## 이럴 때 쓰세요

- 에디터와 IDE 데모
- 대시보드 레이아웃 설명
- 디자인 시스템 소개
- 분할 보기 기능 영상

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

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

remocn의 Resizable을(를) 바탕으로 제작: https://remocn.dev