# 블럭 집중 탐구

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F5hOY0Dec73uWuuJyN1yd%2Fimage.png?alt=media&#x26;token=98ddfac3-fb03-4efb-9385-a7400d38a7b1" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
<img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2F9iFrKkagzFWrGELdHkr3%2Fimage.png?alt=media&#x26;token=23c8cbe8-19ec-4bba-aa9c-f5590046c316" alt="" data-size="line">\
<mark style="background-color:blue;">**"블럭은 기본적으로 단일 / 슬라이드 / 버튼 3가지 타입을 제공해요!"**</mark>

\
각 타입에 따라 제공하는 블럭이 상이하고, 사용할 수 있는 기능 또한 차이가 있으니, \
적절한 블럭을 선택해서 시나리오를 완성해주세요!\
각 블럭에 대한 설명은 각 상세 페이지를 확인 해주세요!
{% endhint %}

<figure><img src="https://3240612988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9pepGQKkozVFbob9lhxe%2Fuploads%2FHqTxQmdSeUgJXDpidBVU%2Fimage.png?alt=media&#x26;token=80cbbc4c-250d-4ffc-b0d3-965728790339" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="단일 블럭" %}
단일 카드 블럭은 <mark style="color:blue;">**메시지가 1개로 구성된 블럭**</mark>입니다.

{% content-ref url="block/single" %}
[single](block/single)
{% endcontent-ref %}

[textcard](block/single/textcard "mention") : 텍스트만 있는 메시지

[textcard\_button](block/single/textcard_button "mention") : 텍스트 + 옵션 버튼 형태의 메시지

[image](block/single/image "mention") : 텍스트나 버튼 없이, 이미지만 출력

[wide](block/single/wide "mention") : 직사각형 이미지 + 텍스트 + 옵션 버튼 형태의 메시지

[square](block/single/square "mention") : 정사각형 이미지 + 텍스트 + 옵션 버튼 형태의 메시지

[widecommerce](block/single/widecommerce "mention") : 직사각형 이미지 + 프로필 + 가격 + 상품명 + 버튼 형태의 메시지

[squarecommerce](block/single/squarecommerce "mention") : 정사각형 이미지 + 프로필 + 가격 + 상품명 + 버튼 형태의 메시지

[list](block/single/list "mention") : 헤더 + 텍스트 + 썸네일 + 버튼 형태의 메시지
{% endtab %}

{% tab title="슬라이드 블럭" %}
슬라이드 카드 블럭은 여러 장의 <mark style="color:blue;">**메시지를 한 행에 일렬로 나열한 형태**</mark>로 \
캐로셀(Carousel)이라고도 하며, <mark style="color:blue;">**최대 10장까지 가능**</mark>합니다.

{% content-ref url="block/slide" %}
[slide](block/slide)
{% endcontent-ref %}

[textcard](block/slide/textcard "mention") : 텍스트 + 옵션 버튼 형태의 메시지

[wide](block/slide/wide "mention"): 직사각형 이미지 + 텍스트 + 옵션 버튼 형태의 메시지

[square](block/slide/square "mention") : 정사각형 이미지 + 텍스트 + 옵션 버튼 형태의 메시지

[widecommerce](block/slide/widecommerce "mention") : 직사각형 이미지 + 프로필 + 가격 + 상품명 + 버튼 형태의 메시지

[squarecommerce](block/slide/squarecommerce "mention") : 정사각형 이미지 + 프로필 + 가격 + 상품명 + 버튼 형태의 메시지

[list](block/slide/list "mention"): 헤더 + 텍스트 + 썸네일 + 버튼 형태의 메시지
{% endtab %}

{% tab title="버튼 블럭" %}
버튼 블럭은 <mark style="color:blue;">**옵션 형태의 메시지 또는 조건/변수를 설정**</mark>할 수 있는 타입의 블럭을 의미합니다.

{% content-ref url="block/buttonblock" %}
[buttonblock](block/buttonblock)
{% endcontent-ref %}

[direct](block/buttonblock/direct "mention") : 옵션 버튼 형태의 메시지(최대 10개까지 가능)

[condition](block/buttonblock/condition "mention") : 변수 + 조건 + Yes/No 버튼 형태의 메시지

[multiple](block/buttonblock/multiple "mention") : 조건 블럭을 여러 개 합친 형태의 메시지

[variable](block/buttonblock/variable "mention") : 변수 + 변수 값 형태의 메시지&#x20;

[reset](block/buttonblock/reset "mention") : 초기화 제외 변수 설정 형태의 메시지
{% endtab %}

{% tab title="★ 참고사항 (버튼기능 및 변수 설정)" %}
블럭 자체 외에도 체크해야할 설정에 대한 안내입니다.

{% content-ref url="block/button" %}
[button](block/button)
{% endcontent-ref %}

{% content-ref url="parameter" %}
[parameter](parameter)
{% endcontent-ref %}
{% endtab %}
{% endtabs %}
