> For the complete documentation index, see [llms.txt](https://makevu.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://makevu.gitbook.io/guide/custom-design/page-types.md).

# 페이지 유형

페이지 유형은 3가지입니다. 

***

### **1. 기본형**

640\*1040px 사이즈, 단일 페이지입니다. 이미지, 텍스트, 동영상, 버튼 등을 추가할 수 있습니다. 

<div align="center"><figure><img src="https://1028605486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKEUPMHlK5912FUPb3SyE%2Fuploads%2FHbFBGqSh609r5qYNIBjV%2F01.jpg?alt=media&amp;token=61b11f36-45dc-41ce-911c-787408257216" alt="" width="320"><figcaption></figcaption></figure> <figure><img src="https://1028605486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKEUPMHlK5912FUPb3SyE%2Fuploads%2FfLG1hC4B8oFAL46NfkDR%2F02.jpg?alt=media&amp;token=1bc2d6c4-0ef1-4e9a-9083-281973b7a531" alt="" width="320"><figcaption></figcaption></figure></div>

***

### **2. 스크롤형**

640\*1040px 사이즈에 내용을 모두 담을 수 없을때, 가로 또는 세로로 스크롤되는 페이지를 구성할 수 있습니다. 이미지, 텍스트는 추가 가능하나 동영상, 버튼은 스크롤 영역에 추가할 수 없습니다.

<div align="center"><figure><img src="https://1028605486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKEUPMHlK5912FUPb3SyE%2Fuploads%2F7M4vHktiVAcEPUoPil3J%2F%E1%84%85%E1%85%A2%E1%86%A8%E1%84%8B%E1%85%A2%E1%86%AB%E1%84%87%E1%85%A9%E1%86%AB2.gif?alt=media&amp;token=331a01ab-1cb4-477c-9915-f02274c0f761" alt=""><figcaption><p>가로 스크롤</p></figcaption></figure> <figure><img src="https://1028605486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKEUPMHlK5912FUPb3SyE%2Fuploads%2F40dI3Db90fiCgz3HRlQN%2F%E1%84%8F%E1%85%A2%E1%86%AF%E1%84%85%E1%85%B5%E1%84%91%E1%85%A9%E1%84%82%E1%85%B5%E1%84%8B%E1%85%A1.gif?alt=media&amp;token=fa3b5d50-2c1c-486a-a4f1-117389234126" alt=""><figcaption><p>세로 스크롤</p></figcaption></figure></div>

***

### **3. 스와이핑형**

640\*1040px 사이즈에 내용을 모두 담을 수 없을때, 그리고 사진첩을 넘겨보듯 하나씩 넘겨보고 싶을때 스와이핑 페이지를 구성할 수 있습니다. 이미지, 텍스트는 추가 가능하나 동영상, 버튼은 스와이핑 영역에 추가할 수 없습니다.

<div align="center"><figure><img src="https://1028605486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKEUPMHlK5912FUPb3SyE%2Fuploads%2FEjBScAKtpHhalT2sehlm%2F2025-01-234.44.58-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=a9cfba25-f5b9-4e26-ba26-222560736a02" alt=""><figcaption><p>페이지 전체 스와이핑</p></figcaption></figure> <figure><img src="https://1028605486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKEUPMHlK5912FUPb3SyE%2Fuploads%2FvGknpejf8HoLzG4i1T6x%2F2025-01-234.46.25-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=33ca3448-0519-4d48-a6bb-992eec148b74" alt=""><figcaption><p>페이지 부분 스와이핑</p></figcaption></figure></div>

<mark style="color:blue;">\*스크롤과 스와이핑의 차이</mark>&#x20;

스크롤은 지속적이고 끊김 없는 움직임 제스처를 의미하는 반면, 스와이핑은 구분된, 분절된 동작으로 움직이는 것을 의미합니다.