๋ธ”๋กœ๊ทธ

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Gato GraphQL ๋ฐ๋ชจ

Leonardo Losoviz
์ž‘์„ฑ์ž: Leonardo Losoviz ยท

์–ด์ œ WordCamp India 2021์—์„œ WordPress์—์„œ์˜ GraphQL์— ๋Œ€ํ•ด ๋ฐœํ‘œํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ์ฃผ์ œ๋“ค์„ ๋‹ค๋ฃจ์—ˆ์Šต๋‹ˆ๋‹ค:

๐Ÿ‘‰๐Ÿฝ GraphQL์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
๐Ÿ‘‰๐Ÿฝ REST์™€ ์–ด๋–ป๊ฒŒ ๋‹ค๋ฅธ๊ฐ€์š”?
๐Ÿ‘‰๐Ÿฝ WordPress์—์„œ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜๋‚˜์š”?

ํ•จ๊ป˜, Gato GraphQL ํ”Œ๋Ÿฌ๊ทธ์ธ ๋ฐ๋ชจ๋„ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. wp-admin์—์„œ ํ”Œ๋Ÿฌ๊ทธ์ธ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์„ ์ง์ ‘ ๋ณด์—ฌ์ฃผ๋Š” ์•ฝ 30๋ถ„ ๋ถ„๋Ÿ‰์˜ ์˜์ƒ์ž…๋‹ˆ๋‹ค.

์˜์ƒ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:

๋‹ค์Œ ๊ธฐ๋Šฅ๋“ค์„ ๋‹ค๋ฃจ์—ˆ์Šต๋‹ˆ๋‹ค:

โœ… GraphiQL ๋ฐ Voyager ํด๋ผ์ด์–ธํŠธ
โœ… ์˜์† ์ฟผ๋ฆฌ(Persisted queries)
โœ… URL์„ ํ†ตํ•ด ์˜์† ์ฟผ๋ฆฌ์— ํŒŒ๋ผ๋ฏธํ„ฐ ์ „๋‹ฌํ•˜๊ธฐ
โœ… HTTP ์บ์‹ฑ
โœ… ์ ‘๊ทผ ์ œ์–ด
โœ… API๋ฅผ ๊ณต๊ฐœ ๋ฐ ๋น„๊ณต๊ฐœ๋กœ ์„ค์ •ํ•˜๊ธฐ

๋˜ํ•œ 15๋ถ„๊ฐ„์˜ Q&A ์„ธ์…˜๋„ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜์ƒ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:

Q&A์—์„œ๋Š” ๋‹ค์Œ ์งˆ๋ฌธ๋“ค์ด ๋‹ค๋ฃจ์–ด์กŒ์Šต๋‹ˆ๋‹ค. ์˜์ƒ ๋‚ด ๋“ฑ์žฅ ์‹œ๊ฐ„๋„ ํ•จ๊ป˜ ํ™•์ธํ•˜์„ธ์š”:

โ“ ํ˜ธ์ŠคํŒ… ์ œ๊ณต์—…์ฒด๊ฐ€ GraphQL์„ ์ง€์›ํ•ด ์ฃผ๋‚˜์š”, ์•„๋‹ˆ๋ฉด ์ง์ ‘ ๊ด€๋ฆฌํ•ด์•ผ ํ•˜๋‚˜์š”? (1:25)
โ“ WP REST API์™€ ๋น„๊ตํ–ˆ์„ ๋•Œ ํ™•์žฅ์„ฑ์€ ์–ด๋А ์ •๋„์ธ๊ฐ€์š”? (1:55)
โ“ GraphQL์—์„œ ๋‹ค๊ตญ์–ด ๊ฒ€์ƒ‰์ด ์ง€์›๋˜๋‚˜์š”? (๋‹ต๋ณ€์ด ๋ถˆ๋ช…ํ™•ํ•˜๋ฉฐ ์—ฐ๊ฒฐ ๋ฌธ์ œ ์žˆ์Œ) (2:39)
โ“ GraphQL API๋ฅผ ์–ด๋–ป๊ฒŒ ๋ณดํ˜ธํ•˜๋‚˜์š”? (3:48)
โ“ Gato GraphQL ํ”Œ๋Ÿฌ๊ทธ์ธ์ด WordPress ํ”Œ๋Ÿฌ๊ทธ์ธ ์ €์žฅ์†Œ์—์„œ ๊ณต์‹์ ์œผ๋กœ ์ œ๊ณต๋˜์ง€ ์•Š๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”? (6:48)
โ“ GraphQL์˜ ํ•œ๊ณ„๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”? (8:08)
โ“ GraphQL์„ ๊นŠ์ด ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๋ถ„๋“ค์—๊ฒŒ ์–ด๋–ค ์กฐ์–ธ์„ ํ•ด์ฃผ์‹œ๊ฒ ์–ด์š”? (10:21)
โ“ ๋‹ค๋ฅธ WordCamp์—์„œ GraphQL์— ๊ด€ํ•œ ์ƒˆ๋กœ์šด ๋ฐœํ‘œ๋ฅผ ํ•œ๋‹ค๋ฉด ์–ด๋–ค ๋‚ด์šฉ์„ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ๋‚˜์š”? (12:08)

Q&A ๋งˆ์ง€๋ง‰์—๋„ ๋ง์”€๋“œ๋ ธ๋“ฏ์ด, ๊ด€์‹ฌ์ด ์ƒ๊ธฐ์…จ๊ฑฐ๋‚˜ ๋” ์ž์„ธํžˆ ์•Œ๊ณ  ์‹ถ์œผ์‹œ๊ฑฐ๋‚˜, ์ง์ ‘ ์‚ฌ์šฉํ•ด ๋ณด๋‹ค๊ฐ€ ๋„์›€์ด ํ•„์š”ํ•˜์‹œ๋ฉด ์ด๋ฉ”์ผ์„ ๋ณด๋‚ด์ฃผ์‹œ๊ฑฐ๋‚˜ Twitter๋กœ DM์„ ๋ณด๋‚ด์ฃผ์„ธ์š”. ์–ธ์ œ๋“ ์ง€ ์‘๋Œ€ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, WordPress์™€ GraphQL์˜ ์กฐํ•ฉ์œผ๋กœ ์ž‘์—…ํ•˜๋Š” ๊ฒƒ์„ ํ•ญ์ƒ ์ฆ๊ธฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿ™

๋ฐ๋ชจ๋ฅผ ์ฆ๊ฒ๊ฒŒ ๋ณด์…จ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ˜€


๋‰ด์Šค๋ ˆํ„ฐ ๊ตฌ๋…ํ•˜๊ธฐ

Gato GraphQL์˜ ๋ชจ๋“  ์—…๋ฐ์ดํŠธ๋ฅผ ๋†“์น˜์ง€ ๋งˆ์„ธ์š”.