시작하기 #
Block Kit 시작하기 #
Block Kit(블록 킷)은 카카오워크에서 단순하지만 강력한 인터랙션을 사용자가 경험할 수 있도록 제공하는 UI 프레임워크를 말합니다. 이 블록들을 1개부터 n개까지 쌓아올려 만든 말풍선을 조합형 말풍선이라고 정의하며, 다양한 블록들을 조합함으로써 좀 더 효과적으로 서비스별 Bot 특성에 맞춰 메시지를 커스터마이징 할 수 있습니다.
블록 #
카카오워크 Block Kit 속성
블록(Block)은 메시지를 구성하는 기본 단위이며, 모든 블록 타입은 1개 이상의 역할을 가지고 있습니다. 엘리먼트(Element)는 블록 타입에 따라 다른 블록과 조합될 수 있는 블록을 의미합니다. 이렇게 다양한 종류의 엘리먼트가 조합되어 레이아웃 블록(Layout Block)으로 구성됩니다. 즉, 다양한 엘리먼트들로 구성한 Block Kit을 레이아웃 블록이라고 말합니다. 예를 들어, 버튼 블록 2개를 조합하면 버튼 2개가 각각의 행으로 표시된 메시지가 됩니다. 이와 달리 2개의 버튼을 하나의 행 안에 나란히 배치하고 싶다면, 버튼 블록을 엘리먼트로 활용하는 레이아웃 블록인 액션 블록(Action Block)을 사용하면 됩니다. 각 블록에 대한 구체적인 설명 및 예시는 해당 블록을 설명하는 챕터에서 확인할 수 있습니다.
표. 카카오워크의 Block Kit #
| 블록타입 | 블록 | 엘리먼트 | 레이아웃 블록 | 조합가능 엘리먼트 |
|---|---|---|---|---|
| Text Block | O | O | X | |
| Button Block | O | O | X | |
| Image Link Block | O | O | X | |
| Divider Block | O | X | X | |
| Action Block | X | X | X | Button Block |
문서 끝. 이하 샘플
Cognita laeva illo fracta #
Lorem markdownum pavent auras, surgit nunc cingentibus libet Laomedonque que est. Pastor An arbor filia foedat, ne fugit aliter, per. Helicona illas et callida neptem est Oresitrophos caput, dentibus est venit. Tenet reddite famuli praesentem fortibus, quaeque vis foret si frondes gelidos gravidae circumtulit inpulit armenta nativum.
- Te at cruciabere vides rubentis manebo
- Maturuit in praetemptat ruborem ignara postquam habitasse
- Subitarum supplevit quoque fontesque venabula spretis modo
- Montis tot est mali quasque gravis
- Quinquennem domus arsit ipse
- Pellem turis pugnabant locavit
Natus quaerere #
Pectora et sine mulcere, coniuge dum tincta incurvae. Quis iam; est dextra Peneosque, metuis a verba, primo. Illa sed colloque suis: magno: gramen, aera excutiunt concipit.
Phrygiae petendo suisque extimuit, super, pars quod audet! Turba negarem. Fuerat attonitus; et dextra retinet sidera ulnas undas instimulat vacuae generis? Agnus dabat et ignotis dextera, sic tibi pacis feriente at mora euhoeque comites hostem vestras Phineus. Vultuque sanguine dominoque metuit risi fama vergit summaque meus clarissimus artesque tinguebat successor nominis cervice caelicolae.
Limitibus misere sit #
Aurea non fata repertis praerupit feruntur simul, meae hosti lentaque citius levibus, cum sede dixit, Phaethon texta. Albentibus summos multifidasque iungitur loquendi an pectore, mihi ursaque omnia adfata, aeno parvumque in animi perlucentes. Epytus agis ait vixque clamat ornum adversam spondet, quid sceptra ipsum est. Reseret nec; saeva suo passu debentia linguam terga et aures et cervix de ubera. Coercet gelidumque manus, doluit volvitur induta?
Enim sua #
Iuvenilior filia inlustre templa quidem herbis permittat trahens huic. In cruribus proceres sole crescitque fata, quos quos; merui maris se non tamen in, mea.
Germana aves pignus tecta #
Mortalia rudibusque caelum cognosceret tantum aquis redito felicior texit, nec, aris parvo acre. Me parum contulerant multi tenentem, gratissime suis; vultum tu occupat deficeret corpora, sonum. E Actaea inplevit Phinea concepit nomenque potest sanguine captam nulla et, in duxisses campis non; mercede. Dicere cur Leucothoen obitum?
Postibus mittam est nubibus principium pluma, exsecratur facta et. Iunge Mnemonidas pallamque pars; vere restitit alis flumina quae quoque, est ignara infestus Pyrrha. Di ducis terris maculatum At sede praemia manes nullaque!