[인턴] Slack Bot 만들기 (5) : SLACK BLOCK KIT 퍼블리싱 적용

이용툴

slack api 튜토리얼

https://api.slack.com/tutorials

Guided tutorials | Slack

 

block kit build 설명

https://api.slack.com/block-kit

Block Kit

https://api.slack.com/block-kit/building

Building with Block Kit

 

block kit builder

https://app.slack.com/block-kit-builder

Slack

 

---

슬랙메시지 종류에 따른 기본 틀 제공

슬랙 블럭킷 빌더 - 메인 화면

 

• 슬랙 메시지

 

• message attachment

 

• 모달창

 

• app home preview

---

템플릿 제공

메시지 종류에 따라서 제공되는 템플릿이 다르다.

아래의 예시 이미지는 4가지의 메시지 종류 중 가장 기본 메시지 틀의 경우

 

요청에 승인/거절 여부를 답장으로 주는 메시지

 

공고에 선택 요소를 답장으로 주는 메시지

 

투표를 하는 메시지

 

온보딩 자료를 담은 메시지

 

검색 결과를 보여주는 메시지

 

---

가능 요소

Block elements

 

• BLOCK ELEMENTS 예시

버튼

버튼 스타일에 따라 3가지 종류로 구분

 

체크박스

10개까지 가능

 

라디오 버튼

10개까지 가능

 

 

날짜 선택

 

시간 선택

 

날짜 + 시간

 

이미지 입력

 

 

다중 선택 제공

• type 에 따라서 Static options, External data source, User list, Conversations list, Public channels select 으로 사용이 가능하다.

 

 

많은 메뉴 요소 중에서 선택

• type 에 따라서 Static options, External data source, users, conversations, public channels 로 사용이 가능하다.

 

 

숫자 입력

소수, 음수 허용

 

 

더보기 메뉴

 

일반텍스트 입력 지원 / plain_text_input

이메일 입력 지원 / email_text_input

URL 입력 지원 / url_text_input

 

 

 

Layout blocks

 

• LAYOUT BLOCKS 예시

 

Actions Block

Section Block

Video Block

 

 

---

활용 예시

위의 요소들을 BLOCK-KIT BUILDER 이용하여
적절하게 구성하여 슬랙 메시지폼 작성

 

 

https://techblog.lotteon.com/%EB%A1%AF%EB%8D%B0e%EC%BB%A4%EB%A8%B8%EC%8A%A4-slack-bot-%ED%99%9C%EC%9A%A9%EA%B8%B0-273be23489ed

Slack bot을 통한 업무 활용스토리 #1

 

https://tech.kakaopay.com/post/slack-google-integration/

5분 만에 배우는 일정 관리 슬랙봇 만드는 방법 | 카카오페이 기술 블로그

 

https://helloworld.kurly.com/blog/slack_block_kit/

Slack Block Kit 활용