Skip to main content

Documentation Index

Fetch the complete documentation index at: https://cdbd.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

갤러리 카드

갤러리 카드는 여러 장의 사진을 한 번에 보여줄 때 사용해요. 쇼핑몰 상품 사진, 부동산 매물 사진, 포트폴리오 이미지 등 다수의 사진으로 정보를 전달해야 할 때 특히 유용하답니다. 갤러리 카드 — 그리드 레이아웃(상단)과 나열하기 레이아웃(하단) 비교

1. 이미지 추가하기

갤러리 카드를 추가한 뒤 우측 패널의 이미지 목록에 있는 + 버튼을 눌러 이미지를 추가해요. 최대 15장까지 한 갤러리에 담을 수 있어요. 추가 방법은 일반 이미지 카드와 동일해요.
  • 내 이미지 (직접 업로드): 클릭 또는 끌어다 놓기로 업로드 (1장당 최대 10MB)
  • 이미지 검색: Pexels 무료 사진 검색
  • GIF 검색: Giphy GIF 검색
추가한 이미지는 순서 변경, 복사, 개별 편집, 삭제가 모두 가능해요.

2. 갤러리 레이아웃 선택하기

유형 영역에서 이미지를 어떻게 보여줄지 레이아웃을 선택해요. 콘텐츠 성격에 맞는 방식을 골라 보세요.
  • 나열하기: 이미지들을 위아래로 일렬 배치 — 큰 사진을 하나씩 차근차근 보여주고 싶을 때
  • 넘겨보기 (슬라이드): 좌우로 넘기는 슬라이드 형태. 내비게이션 화살표·지표를 숨길 수 있고, 1~4초 간격으로 자동 슬라이드 설정도 가능해요.
  • 그리드: 2단·3단·4단 바둑판 배열 — 한 화면에서 여러 이미지를 비교·탐색하게 하고 싶을 때

3. 간격 조절하기

이미지 사이의 간격을 슬라이더로 조절해서 빽빽한 느낌부터 여유로운 배치까지 자유롭게 표현할 수 있어요.

4. 🎨 이미지 모양 꾸미기

4.1 비율 선택하기

원본, 1:1, 가로, 세로 비율 중 원하는 형태를 선택할 수 있어요. 비율을 통일하면 갤러리 전체가 정돈된 인상을 줘요.

4.2 모서리 모양 설정하기

각진 모서리 또는 둥근 모서리 중 선택할 수 있어요.

4.3 테두리·여백 추가하기

이미지에 테두리를 더하거나 카드 외부 여백을 조절해서 다른 카드와의 시각적 분리감을 만들 수 있어요.
💡 활용 팁:
  • 그리드는 메뉴/상품 한눈에 보기 좋아요 — 위 스크린샷처럼 3단 그리드는 이벤트 라인업·갤러리 모음에 어울려요.
  • 나열하기는 한 장씩 큰 화면으로 강조하고 싶을 때 좋아요.
  • 슬라이드 + 자동 넘김은 이벤트 홍보·신제품 소개에 효과적 — 방문자가 별도 조작 없이 모든 이미지를 자연스럽게 보게 돼요.