> ## Documentation Index
> Fetch the complete documentation index at: https://cdbd.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 원페이지 뷰어

# 원페이지 뷰어

원페이지 뷰어는 방문자가 실제로 보는 화면이에요. 에디터에서 완성한 카드들이 위에서 아래로 이어지는 스크롤 형식으로 표시돼요.

***

## 1. 뷰어 화면 구성

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_onepage.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=7f46bd7c8d31fcc4d6cc63e673f3bc7b" alt="원페이지 뷰어 — 메뉴 카드 + 히어로 이미지 카드" width="390" height="844" data-path="_assets/images/02-viewer_onepage.png" />

원페이지 뷰어는 **단일 페이지 스크롤** 방식으로 작동해요. 방문자는 위에서 아래로 스크롤하며 페이지 전체를 탐색해요.

| 영역        | 설명                                                   |
| --------- | ---------------------------------------------------- |
| **상단 카드** | 방문자가 처음 보는 영역이에요. 프로필·메뉴·히어로 이미지처럼 주목도 높은 카드를 배치하세요. |
| **본문 카드** | 스크롤하며 순서대로 노출돼요.                                     |
| **하단 카드** | CTA 버튼·SNS·연락처처럼 행동 유도 요소를 배치하면 효과적이에요.              |

***

## 2. 스크롤 탐색

방문자는 손가락 스와이프(모바일) 또는 마우스 휠(PC)로 페이지를 위아래로 자유롭게 이동할 수 있어요.

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_onepage-scroll.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=1ef79db9492a418c9f78555fed7fd9e4" alt="스크롤 후 중간 섹션 — 행사 일시·장소·지도 카드" width="390" height="844" data-path="_assets/images/02-viewer_onepage-scroll.png" />

스크롤 애니메이션이 설정되어 있다면 각 카드가 스크롤 도중 등장 효과와 함께 나타나요. 스크롤 애니메이션 설정 방법은 [스크롤 애니메이션](/editor/onepage/scroll-animation) 가이드를 참고하세요.

***

## 3. 뷰어 상단 메뉴

뷰어 화면 상단에는 방문자를 위한 편의 기능이 표시될 수 있어요.

| 기능        | 설명                                                       |
| --------- | -------------------------------------------------------- |
| **메뉴 카드** | 페이지에 메뉴 카드가 있을 경우 상단 탭으로 표시돼요. 탭을 누르면 해당 섹션이나 URL로 이동해요. |
| **⋯ 더보기** | 구독, 저장, 공유, 검색 기능을 제공해요.                                 |

***

## 4. ⋯ 더보기 기능

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_menu-open.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=aec0222f51a7161cbbcd7a898509e06e" alt="더보기 메뉴 — 구독하기·저장하기·공유하기·검색하기" width="390" height="844" data-path="_assets/images/02-viewer_menu-open.png" />

화면 오른쪽 상단의 **⋯** 버튼을 탭하면 4가지 기능 메뉴가 나타나요.

### 구독하기

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_subscribe.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=5069e860c1fd77141aad588589471211" alt="구독하기 — 이메일 주소를 입력해 페이지 소식 수신" width="390" height="844" data-path="_assets/images/02-viewer_subscribe.png" />

이메일 주소를 입력하고 **구독하기** 버튼을 누르면, 페이지가 업데이트될 때 알림 이메일을 받을 수 있어요.

### 저장하기

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_save.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=93e53435737bb21477b70d4b844a9a2c" alt="저장하기 — 페이지 썸네일과 메모 남기기" width="390" height="844" data-path="_assets/images/02-viewer_save.png" />

페이지를 북마크처럼 저장해 나중에 다시 찾아볼 수 있어요. 저장 시 메모를 함께 남길 수도 있어요.

> 💡 저장된 페이지는 CdBd 계정의 **저장한 페이지** 목록에서 확인할 수 있어요.

### 공유하기

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_share.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=dd273674e47ad27993cb52a542b8024d" alt="공유하기 — 페이지 URL이 클립보드에 복사됨" width="390" height="844" data-path="_assets/images/02-viewer_share.png" />

**공유하기**를 누르면 현재 페이지 URL이 클립보드에 자동으로 복사돼요. 복사된 링크를 카카오톡, 인스타그램 DM, 이메일 등 원하는 채널에 바로 붙여넣을 수 있어요.

### 검색하기

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_search-open.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=70e401d72629df6fc4613c7d03f487e0" alt="검색하기 — 빈 상태" width="390" height="844" data-path="_assets/images/02-viewer_search-open.png" />

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-viewer_search-result.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=31732b168f4fe1659e71e6e000c0867e" alt="검색하기 — '여름' 검색 결과 2건" width="390" height="844" data-path="_assets/images/02-viewer_search-result.png" />

페이지 내 텍스트를 키워드로 검색할 수 있어요. 검색 결과에는 해당 내용이 있는 위치와 텍스트 미리보기가 함께 표시돼요. 결과를 탭하면 해당 위치로 바로 이동해요.

***

## 5. 공유 및 URL

에디터에서 **URL 생성하기** 버튼으로 페이지 주소를 만들면, 그 링크를 방문자에게 공유할 수 있어요. 링크를 클릭한 방문자는 바로 이 뷰어 화면을 보게 돼요.

공유 방법과 URL 설정은 [URL 생성 및 게시하기](/editor/publish) 가이드를 참고하세요.

> 💡 **활용 팁**: 방문자의 읽기 흐름을 설계하세요. 가장 중요한 내용을 위쪽에 두고, 행동 유도(버튼, 연락처)를 페이지 하단에 배치하면 자연스럽게 스크롤을 유도할 수 있어요.
