> ## 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.

# CdBd 소개

# CdBd 소개

CdBd는 코딩 없이 모바일 페이지를 만드는 카드 빌더예요. 카드를 쌓듯이 내용을 구성하고, 링크 하나로 누구에게나 공유할 수 있어요.

<img src="https://mintcdn.com/cdbd/dTxecl4KuB25co9A/_assets/images/intro_editor-cards.png?fit=max&auto=format&n=dTxecl4KuB25co9A&q=85&s=a869a94dda274f9cc7f8ff83cab4601f" alt="에디터 화면 — 카드 구성 예시" width="1440" height="900" data-path="_assets/images/intro_editor-cards.png" />

***

## 카드로 페이지를 만들어요

페이지는 **카드**의 조합으로 완성돼요. 각 카드는 독립된 콘텐츠 블록으로, 원하는 카드를 추가하고 순서를 바꾸는 것만으로 페이지 구성이 끝나요.

| 카드         | 설명                                           | 가이드                           |
| ---------- | -------------------------------------------- | ----------------------------- |
| **메뉴**     | 페이지 상단에 탭 네비게이션 추가                           | [→](/editor/card-menu)        |
| **프로필**    | 프로필 이미지·이름·소개를 다양한 레이아웃으로 표시                 | [→](/editor/card-profile)     |
| **텍스트**    | 소개 문구, 공지 등 글 콘텐츠를 자유로운 서체·색상으로 작성           | [→](/editor/card-text)        |
| **이미지**    | 사진·배너를 비율 조절과 URL 연결 옵션과 함께 삽입               | [→](/editor/card-image)       |
| **갤러리**    | 최대 15장 사진을 나열·슬라이드·바둑판 방식으로 전시               | [→](/editor/card-gallery)     |
| **유튜브**    | 유튜브 영상을 페이지에 바로 삽입                           | [→](/editor/card-youtube)     |
| **버튼**     | 구매·예약·채널 이동 등 명확한 행동 유도 버튼 추가                | [→](/editor/card-button)      |
| **질문과 답변** | 설문·피드백·퀴즈 형태로 방문자 의견 수집                      | [→](/editor/card-qna)         |
| **예약**     | 날짜·시간 선택형 예약 신청 + QR 코드로 방문 체크까지             | [→](/editor/card-reservation) |
| **상품**     | 외부 상품 페이지 주소만 붙이면 이미지·상품명·가격이 자동으로 채워지는 카탈로그 | [→](/editor/card-product)     |
| **위치 안내**  | 구글맵·네이버맵으로 오시는 길 안내                          | [→](/editor/card-map)         |
| **SNS**    | 인스타·유튜브·카카오톡 등 소셜 채널 한곳에 모아 표시               | [→](/editor/card-sns)         |
| **구분선**    | 섹션 사이에 여백·라인으로 시각적 구분 추가                     | [→](/editor/card-divider)     |
| **2단 카드**  | 텍스트·이미지·버튼을 좌우로 나란히 배치                       | [→](/editor/card-2col)        |
| **코드**     | HTML·CSS·JS 직접 삽입으로 커스텀 요소 추가                | [→](/editor/card-code)        |

***

## 디자인도 쉽게 꾸밀 수 있어요

카드 내용을 채우기 전에 페이지 전체의 분위기를 먼저 설정할 수 있어요. **페이지 테마**에서 배경색, 서체, 버튼 모양을 한 번에 지정하면 통일감 있는 디자인이 완성돼요.

<img src="https://mintcdn.com/cdbd/6rhGWie1E0W4bW0u/_assets/images/intro_editor-theme.png?fit=max&auto=format&n=6rhGWie1E0W4bW0u&q=85&s=0fc1a01b62c07ccf605b5cd456333e34" alt="페이지 테마 — 색상·서체 설정" width="1440" height="900" data-path="_assets/images/intro_editor-theme.png" />

> 💡 카드별로도 배경색·테두리·내부 여백 등을 개별 조정할 수 있어요. 자세한 내용은 [카드 디자인 가이드](/editor/card-design)를 참고하세요.

***

## 이렇게 활용해요

<CardGroup cols={3}>
  <Card title="링크인바이오" icon="link">
    인스타·유튜브 프로필에 링크 하나로 내 모든 채널과 최신 소식을 연결해요.
  </Card>

  <Card title="프로모션 페이지" icon="megaphone">
    이벤트·신제품·한정 할인을 빠르게 만들어 카카오톡·문자로 바로 공유해요.
  </Card>

  <Card title="온라인 명함" icon="id-card">
    프로필 카드에 연락처·SNS를 담아 만남 뒤 스마트하게 내 정보를 전달해요.
  </Card>
</CardGroup>

***

## 만들고 → 공유하고 → 분석해요

| 단계          | 기능                       | 가이드                         |
| ----------- | ------------------------ | --------------------------- |
| **1. 만들기**  | 에디터에서 카드를 추가하고 내용을 채워요   | [에디터 사용법](/editor/overview) |
| **2. 공유하기** | URL·QR 코드를 생성해 어디서든 공유해요 | [URL 생성](/editor/publish)   |
| **3. 분석하기** | 방문자 수·링크 클릭수·유입 경로를 확인해요 | [통계](/editor/stats)         |

***

## 지금 바로 시작하세요

<CardGroup cols={2}>
  <Card title="가입 없이 바로 체험하기" icon="play" href="/start/no-signup">
    계정 없이도 에디터를 바로 열어볼 수 있어요.
  </Card>

  <Card title="회원가입하고 저장하기" icon="user-plus" href="/start/signup">
    가입하면 페이지를 저장하고 URL로 공유할 수 있어요.
  </Card>
</CardGroup>

궁금한 점이나 기능 제안이 있으면 [help@cdbd.in](mailto:help@cdbd.in)으로 알려주세요.