LINE BOT

์ฝ”๋”ฉ ํ•œ ์ค„ ์—†์ด ๋ผ์ธ ๋ด‡์œผ๋กœ ๊ฑฐ์ง“๋ง ํƒ์ง€๊ธฐ ๋งŒ๋“ค๊ธฐ!

์•ˆ๋…•ํ•˜์„ธ์š”. ์ฑ—๋ด‡์„ ์ด์šฉํ•œ ์žฌ๋ฏธ์žˆ๋Š” ๊ธฐ๋Šฅ๋“ค์„ ์—ฐ๊ตฌํ•˜๊ณ  ์žˆ๋Š” LINE AFD Labs์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ LINE Messaging API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฑฐ์ง“๋ง์„ ํƒ์ง€ํ•˜๋Š” ๋ผ์ธ ๋ด‡์„ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. LINE Messaging API๋ฅผ ์ด์šฉํ•˜๋ฉด ๋ด‡์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋‚ผ ์ˆ˜๋„ ์žˆ๊ณ , ์‚ฌ์šฉ์ž๊ฐ€ ๋ณด๋‚ธ ๋ฉ”์‹œ์ง€์— ์‘๋‹ตํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. API์—์„œ ์ œ๊ณตํ•˜๋Š” ์ƒ˜ํ”Œ ๋ด‡์„ ์ด์šฉํ•˜๋ฉด ์ฝ”๋”ฉ ํ•œ ์ค„ ์—†์ด ์†์‰ฝ๊ฒŒ ๋ด‡์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. ๋จผ์ €, ๊ฑฐ์ง“๋ง์„ ํƒ์ง€ํ•˜๋Š” ๋ผ์ธ ๋ด‡์ด ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ํ™”๋ฉด์œผ๋กœ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

HTML ๊ฐ™์ด ๋ ˆ์ด์•„์›ƒ์„ ์ž์œ ๋กญ๊ฒŒ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์ƒˆ๋กœ์šด ๋ฉ”์‹œ์ง€ ์œ ํ˜•, ‘Flex Message’๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค

Flex Message๋ผ๋Š” ์ƒˆ๋กœ์šด ๋ฉ”์‹œ์ง€ ์œ ํ˜•์ด LINE Messaging API์— ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด Messaging API์—์„œ๋„ ๋‹จ์ˆœ ํ…์ŠคํŠธ ์™ธ์— ์Šคํ‹ฐ์ปค๋‚˜ ์ด๋ฏธ์ง€, ๋น„๋””์˜ค ๊ฐ™์€ ๋ฏธ๋””์–ด ์œ ํ˜•, ํ˜น์€ ๋‹ค์–‘ํ•œ ๋ฒ„ํŠผ๊ณผ URL์„ ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋Š” ํ…œํ”Œ๋ฆฟ ์œ ํ˜•์˜ ๋ฉ”์‹œ์ง€๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ค‘์—์„œ๋„ ํ…œํ”Œ๋ฆฟ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์„ ํƒ์ง€ ์ค‘์—์„œ ๋‹ต์„ ๊ณจ๋ผ์•ผ ํ•˜๋Š” ์ƒํ™ฉ์— ํŠนํžˆ ์œ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ, ๋ฒ„ํŠผ ํ…œํ”Œ๋ฆฟ ๊ฐ™์€ ๊ฒฝ์šฐ ๋ฒ„ํŠผ์„ ์ตœ๋Œ€ ๋„ค ๊ฐœ๊นŒ์ง€๋งŒ ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค๋“ ๊ฐ€, ๋ ˆ์ด์•„์›ƒ์„ ์ œ๋ชฉ, ๋ณธ๋ฌธ, ๋ฒ„ํŠผ ์ˆœ์œผ๋กœ๋งŒ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ œ์•ฝ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

Flex Message ๋ž€?

Flex Message๋Š” ๋ฐ”๋กœ ์ด๋Ÿฐ ์ œ์•ฝ์—์„œ ๋ฒ—์–ด๋‚˜ ๋ ˆ์ด์•„์›ƒ์„ ๊ต‰์žฅํžˆ ์ž์œ ๋กญ๊ฒŒ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋Š” ๋ฉ”์‹œ์ง€ ์œ ํ˜•์œผ๋กœ, ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ๊ฐ€์ง“์ˆ˜๊ฐ€ ๋ฌดํ•œ๋Œ€์— ๊ฐ€๊น์Šต๋‹ˆ๋‹ค. ์ผ์ •ํ•œ ๋””์Šคํ”Œ๋ ˆ์ด ํ”„๋ ˆ์ž„์ด ์žˆ์œผ๋ฉด์„œ๋„ ๋ ˆ์ด์•„์›ƒ์„ HTML์ฒ˜๋Ÿผ ์›ํ•˜๋Š” ๋Œ€๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๊ณ , ๊ฐ๊ฐ์˜ ๊ตฌ์„ฑ ์š”์†Œ๋„ ๋ณด๊ธฐ ์ข‹๊ฒŒ ์ •๋ˆ๋˜์–ด ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์•„๋ž˜์™€ ๊ฐ™์€ ๋ฉ”์‹œ์ง€๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Messaging API์˜ ์‹ ๊ทœ ๊ธฐ๋Šฅ, LIFF๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค

LIFF๋ž€?

์ตœ๊ทผ ์ƒˆ๋กœ ๋ฆด๋ฆฌ์Šคํ•œ LIFF์— ๋Œ€ํ•ด ํ˜น์‹œ ์•Œ๊ณ  ๊ณ„์‹œ๋‚˜์š”? ์ด ์ž๋ฆฌ๋ฅผ ๋นŒ๋ ค ์—ฌ๋Ÿฌ๋ถ„๊ป˜ LIFF๋ฅผ ์†Œ๊ฐœํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•๊นŒ์ง€ ๊ฐ„๋žตํ•˜๊ฒŒ ๋ณด์—ฌ๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. LIFF๋ž€ LINE Front-end Framework์˜ ์•ฝ์ž๋กœ, LINE ์•ฑ ์†์—์„œ ์ž‘๋™ํ•˜๋Š” ์›น์•ฑ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. LIFF ์•ฑ์„ LINE ์•ฑ์—์„œ ์‹คํ–‰์‹œํ‚ค๋ฉด LINE ํ”Œ๋žซํผ์œผ๋กœ๋ถ€ํ„ฐ LINE ์‚ฌ์šฉ์ž ID๋‚˜ LIFF API๋ฅผ ์ด์šฉํ•  ๋•Œ ํ•„์š”ํ•œ ํ† ํฐ์„ ์ทจ๋“ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. LIFF ์•ฑ์€ ์ด๋Ÿฐ ๊ธฐ๋Šฅ์„ ๋ฐ”ํƒ•์œผ๋กœ, ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๊ฑฐ๋‚˜, ๋Œ€ํ™”๋ฐฉ์— ์‚ฌ์šฉ์ž๋ฅผ ๋Œ€์‹ ํ•˜์—ฌ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Bot Designer๋ฅผ ์ด์šฉํ•œ ์ฑ—๋ด‡๊ณผ์˜ ๋Œ€ํ™” ๋ฏธ๋ฆฌ๋ณด๊ธฐ

Bot Designer๋ž€?

Bot Designer๋ž€ Bot๊ณผ์˜ ๋Œ€ํ™”๋ฅผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค.

botdesigner_screenshot_ko.png

LINE Messaging API๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด Bot์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์—๊ฒŒ ํ…์ŠคํŠธ, ์ด๋ฏธ์ง€, ์Šคํ‹ฐ์ปค, ์œ„์น˜ ์ •๋ณด ๋“ฑ ๋‹ค์–‘ํ•œ ์ข…๋ฅ˜์˜ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋ฉ”์‹œ์ง€๋“ค์ด ๋Œ€ํ™”์ฐฝ์— ์–ด๋–ค ์‹์œผ๋กœ ๋œจ๋Š”์ง€ ํ™•์ธํ•˜๋ ค๋ฉด ์ง€๊ธˆ๊นŒ์ง€๋Š” JSON ํ˜•์‹์˜ ๋ฉ”์‹œ์ง€ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“  ๋‹ค์Œ ์‹ค์ œ๋กœ LINE Messaging API๋ฅผ ํ˜ธ์ถœํ•˜๊ณ  LINE ์•ฑ์—์„œ Bot์ด ๋ณด๋‚ธ ๋ฉ”์‹œ์ง€๋ฅผ ํ™•์ธํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ Bot Designer๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด, ์ž…๋ ฅ์ฐฝ์— ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•˜๋Š” ๊ฒƒ๋งŒ์œผ๋กœ๋„ JSON ๊ฐ์ฒด๊ฐ€ ์ƒ์„ฑ๋˜์–ด ๋ฉ”์‹œ์ง€๊ฐ€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ™”๋ฉด์— ๋ฐ”๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.