๐จ๐ปโ๐ป (์ด๋ฒ ์ฃผ ์์์ผ 18/10๋ถํฐ ์์) Gato GraphQL ์จ๋น๋ ์๋ฆฌ์ฆ @ WPBuilds
์ด๋ฒ ์ฃผ ์์์ผ 10์ 18์ผ๋ถํฐ, WPBuilds ํ์บ์คํธ์์ Gato GraphQL ํ์ฉ๋ฒ์ ๊ดํ ์จ๋น๋ ์๋ฆฌ์ฆ๋ฅผ ์์ํฉ๋๋ค. ํธ์คํธ๋ ๋ฐ๋ก Nathan Wrigley์ ๋๋ค.
GraphQL์ ์ฌ์ฉํด๋ณธ ์ ์ด ์๋ ์๋ , WordPress์์ GraphQL๋ก ๋ฌด์์ ์ด๋ฃฐ ์ ์๋์ง ๋ฐฐ์ฐ๊ณ (๋๋ผ์์ ๊ฒฝํํ๊ณ ) ์ถ์ผ์๋ค๋ฉด, ์ด ์จ๋น๋ ์๋ฆฌ์ฆ๋ ๋ฐ๋ก ์ฌ๋ฌ๋ถ์ ์ํ ๊ฒ์ ๋๋ค.
GraphQL์๋ ์ ํ ๊ด์ฌ์ด ์๋๋ผ๋ WordPress ์ฌ์ดํธ ๊ด๋ฆฌ์ ๋์์ด ๋๋ ๋๊ตฌ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ์ถ์ผ์๋ค๋ฉด, ์ด ์จ๋น๋ ์๋ฆฌ์ฆ๋ ์ฌ๋ฌ๋ถ๊ป ๊ผญ ๋ง์ต๋๋ค.
๏ผ๋ชฐ๋ ๋ง์๋๋ฆฌ์๋ฉด, ์ข์ ํ ์ธ ํํ์ ์ํ์ ๋ค๋ฉด ์ด ์๋ฆฌ์ฆ๋ ์ฌ๋ฌ๋ถ์ ์ํ ๊ฒ์ด๊ธฐ๋ ํฉ๋๋ค! ๋ฉ์ง ํ ์ธ ์ฟ ํฐ ์ฝ๋๊ฐ ๊ณต๊ฐ๋ ์ง๋ ๋ชจ๋ฆ ๋๋ค ๐๏ผ

์ฅ์: wpbuilds.com/live
์ผ์: 2023๋ 10์ 18์ผ๏ผ์๏ผ, ์คํ 3์๏ผ์๊ตญ ์๊ฐ๏ผ/ ์ค์ 10์๏ผ๋๋ถ ์๊ฐ๏ผ/ ์ค์ 7์๏ผํํ์ ์๊ฐ๏ผ
์บ๋ฆฐ๋: Google / Outlook / 365
์ด ์๋ฆฌ์ฆ๋ ์ด 5ํ์ ๊ฑธ์ณ ์งํ๋๋ฉฐ, WordPress ์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํ ๋ ์์ฃผ ๋ง์ฃผ์น๋ 20๊ฐ์ง ๋ฌธ์ ๋ฅผ ๊น์ด ์๊ฒ ๋ค๋ฃน๋๋ค.
๊ฐ ์ธ์ ์ ํ๋ก๊ทธ๋จ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค๏ผ๋ชจ๋ ์๊ตญ ์๊ฐ ์คํ 3์ ์์๏ผ.
1ํ: 10์ 18์ผ๏ผ์๏ผ
ใGato GraphQL ์๊ฐ, ๊ด๋ฆฌ ํ๋ฉด์์ ์ฟผ๋ฆฌ ์คํ, API ์๋ํฌ์ธํธ ์์ฑ, ์ ๊ทผ ์ ์ด, ์บ์ฑใ
๋ผ์ด๋ธ ๋ฐ๋ชจ:- WP ๋ฐ์ดํฐ ๊ฒ์ ๏ผ์: ๋ฉํ๋ฐ์ดํฐ๋ก ๊ฒ์๋ฌผ์ด๋ ์ฌ์ฉ์ ์ฐพ๊ธฐ๏ผ
- ๋์ ๋ฐ์ดํฐ ์ฟผ๋ฆฌ
- WP-CLI ๋ณด์ ๏ผ์: ๋ช ๋ น์ ์ ์ฉํ ๋ฆฌ์์ค ์ ํ๏ผ
- PHP ์ฝ๋ ์์ด API ์๋ํฌ์ธํธ๋ฅผ ๊ณต๊ฐํ๊ณ ๋น๋ฐ๋ฒํธ ๋ณดํธ ๋๋ ๋น๊ณต๊ฐ๋ก ์ค์ ํ๊ธฐ
- ์๋ํํฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด API ์๋ต ์บ์ฑํ๊ธฐ
2ํ: 10์ 25์ผ๏ผ์๏ผ
ใGutenberg ์ฐ๋, ์ฌ์ฉ์๋ณ ์ฝํ ์ธ ์ปค์คํฐ๋ง์ด์ง, ๊ฒ์๋ฌผ ๋ณต์ ใ
๋ผ์ด๋ธ ๋ฐ๋ชจ:- ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ปค์คํ ๋ธ๋ก์ผ๋ก ๋ฐ์ดํฐ ๊ณต๊ธํ๊ธฐ
- DRY ๋ก์ง์ ์ฌ์ฉํ์ฌ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง๏ผCSR๏ผ๊ณผ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง๏ผSSR๏ผ๋ชจ๋์์ ๋ธ๋ก ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ
- ๋ธ๋ก์์ ๊ตฌ์กฐํ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ ๋ ธ์ถํ๊ธฐ
- JavaScript ์ปดํฌ๋ํธ๋ฅผ ๋ธ๋ก์ ๋งคํํ๊ธฐ
- ๊ฐ์ธํ๋ ์ด๋ฉ์ผ ์ ์กํ๊ธฐ
- ์ฌ์ฉ์๋ณ๋ก ์ฝํ ์ธ ์ปค์คํฐ๋ง์ด์งํ๊ธฐ
- ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ ๋ณต์ ํ๊ธฐ ๋ฐ ์ฌ๋ฌ ๊ฒ์๋ฌผ ํ ๋ฒ์ ๋ณต์ ํ๊ธฐ
3ํ: 11์ 29์ผ๏ผ์๏ผ
ใ์ฝํ ์ธ ์ผ๊ด ์ ๋ฐ์ดํธ, ์์ ์๋ํใ
๋ผ์ด๋ธ ๋ฐ๋ชจ:- ์ฝํ ์ธ ์ผ๊ด ์ ์ฉ ๏ผ์: ์ฌ์ดํธ ๋๋ฉ์ธ ์ด์ ์ ๋ชจ๋ ๊ฒ์๋ฌผ์ ๋ฌธ์์ด ์ผ๊ด ๊ต์ฒด๏ผ
- ๊ด๋ฆฌ ์์ ์๋ํ ๏ผ์: ํ์ ๋ธ๋ก์ด ์์ ๋ ์๋์ผ๋ก ์ฝ์ ํ๊ธฐ๏ผ
- ๋ชจ๋ ๊ฒ์๋ฌผ์ ์ปค์คํ CTA ๋ธ๋ก ์ถ๊ฐํ๊ธฐ๏ผ์บ ํ์ธ ์ ๏ผ๋ฐ ์ ๊ฑฐํ๊ธฐ๏ผ์บ ํ์ธ ํ๏ผ
- ์ ๊ฒ์๋ฌผ์ด ์ฌ๋ผ์์ ๋ ์๋ฆผ ์ ์ก ๋ฐ ๋งค์ผ ํ๋ ์์ฝ์ ์ด๋ฉ์ผ๋ก ๋ฐ๊ธฐ
4ํ: 12์ 6์ผ๏ผ์๏ผ
ใ์ฝํ ์ธ ๋ฒ์ญ, ์ธ๋ถ ์๋น์ค ์ฐ๋, ์ฝํ ์ธ ๊ฐ์ ธ์ค๊ธฐ/๋ฐฐํฌใ
๋ผ์ด๋ธ ๋ฐ๋ชจ:- ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ ๋ฒ์ญํ๊ธฐ๏ผ๋ธ๋ก ์์ฑ ์์ค์ผ๋ก๏ผ๏ผ๋ฐ ์ฌ๋ฌ ๊ฒ์๋ฌผ ํ ๋ฒ์ ๋ฒ์ญํ๊ธฐ
- ์ธ๋ถ ์๋น์ค ์ฐ๋ ๏ผ์: Mailchimp ๊ตฌ๋ ์ ๋ฐ์ดํฐ์ ์ฌ์ดํธ ์ฌ์ฉ์ ๋ฐ์ดํฐ ๊ฒฐํฉํ๊ธฐ๏ผ
- ๋ค๋ฅธ WordPress ์ฌ์ดํธ์์ ๊ฒ์๋ฌผ ๊ฐ์ ธ์ค๊ธฐ
- ์ฌ๋ฌ ๋ค์ด์คํธ๋ฆผ ์ฌ์ดํธ์ ์ฝํ ์ธ ๋ฐฐํฌํ๊ธฐ ๏ผ์: ๋ฉํฐ์ฌ์ดํธ ๋ด ๋ฐ์ดํฐ ๋๊ธฐํ๏ผ
5ํ: 12์ 13์ผ๏ผ์๏ผ
ใGraphQL ์คํค๋ง ํ์ฅใ
์ปค์คํ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ ๋ฆฌ์กธ๋ฒ๋ฅผ ํฌํจํ ํ์ฅ ํ๋ฌ๊ทธ์ธ์ ๋ง๋๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ , ํ ๋ง, ํ๋ฌ๊ทธ์ธ, ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์ฉํฉ๋๋ค.
ํจ๊ปํด์!
๊ผญ ๋ต๊ธฐ๋ฅผ ๊ธฐ๋ํฉ๋๋ค!
๐ Ciao,
Leo