์ผ๋ฐ์ ์ผ๋ก iframe์ ์ ๋ฌธ์ํ๋์ด์๋ ์ด์ ๋ก ์๋ ๋์ ์น ๊ฐ๋ฐ์์ ๊ถ์ฅ๋์ง ์์์ต๋๋ค.
์ฐ๋ฆฌ๋ https://github.com/WordPress/gutenberg/issues/2420 ์์ ์ฝํ ์ธ ์์ญ์ iframingํ๋ ์ฅ๋จ์ ์ ํ์ํ๊ธฐ ์์ํ์ง๋ง ๋น์ทํ ๋ ผ์์์ด ๊ตฌํ ๋ฒ ๋ฅดํฌ 1.5์์ iframed ๋ฉํ ์์๊ฐ ๋์ ๋์์ต๋๋ค.
๊ทธ ๊ฒฐ๊ณผ๋ก ๋ฐ์ํ ์ผ๋ถ ๋ฌธ์ ๋ iframe (https://github.com/WordPress/gutenberg/issues/3242 ๋ฐ https://github.com/WordPress/gutenberg/issues/3243)๊ณผ ๋ช ํํ๊ฒ ๊ด๋ จ์ด์๋ ๋ฐ๋ฉด, ์๋ ๋์ด๋ ๋ค๋ฅธ ๋ฌธ์ ๋ ๋๋ ์๋ ์๋ ์์ต๋๋ค. ์ด๋ฌํ ๋ฒ๊ทธ๋ฅผ ํ๋์ฉ ํด๊ฒฐํ๊ธฐ ์ํด ๋ ธ๋ ฅํ๊ธฐ ์ ์ iframe์ด ๋ฉํ ๋ฐ์ค์ ๋ํ ์คํ ๊ฐ๋ฅํ ์ฅ๊ธฐ ์๋ฃจ์ ์ธ์ง ์ฌ๋ถ์ ๊ทธ ๊ฒฐ์ ์ด ์ฌ์ฉ์์ ๊ฐ๋ฐ์์๊ฒ ์ด๋ค ์ํฅ์ ๋ฏธ์น ์ง ๊ณ ๋ คํด์ผํฉ๋๋ค.
๋ฉํ ์์๋ฅผ ์์ฑํ๋ ํ ๋ง ๋๋ ํ๋ฌ๊ทธ์ธ์ _ ์์ ํ ํ์์์ด _ ํด๊ฒฐํ ์ ์์ต๋๊น?
์๋ ๋์ ๋ฉํ ๋ฐ์ค๋ฅผ ์ง์ํด ์จ ํ์ฌ ์ฝ๋๊ฐ iframe ๋ด์์ ํธํ๋๋๋ก ์ ๋ฐ์ดํธ ํ ์ฌ์น๊ฐ ์์ ์๋ ์๋ค๋ ์ ์ ๊ณ ๋ คํด์ผํฉ๋๋ค.
์๋ ์คํฌ๋ฆฐ ์ท (Gutenberg 1.6)์์ iframe์ ์์น๋ฅผ ํ์ํ๊ธฐ ์ํด ๋นจ๊ฐ์ ํ ๋๋ฆฌ๋ก ํ์๋ฉ๋๋ค. ์ด ๊ฒฝ์ฐ Yoast ๋ฐ WooCommerce ๋ฉํ ์์๊ฐ iframe ๋ด์ ์กด์ฌํฉ๋๋ค. WooCommerce๋ ๊ธฐ๋ณธ ์ด๊ณผ ์ฌ์ด๋ ๋ฐ iframe์ ๋ชจ๋ ์ฌ์ฉํด์ผํฉ๋๋ค.
- ... Gutenberg๋ ํ์ฌ ๊ธฐ๋ณธ ์ด๊ณผ ์ฌ์ด๋ ๋ฐ์ ๋ํด ๋ ๊ฐ์ ๊ฐ๋ณ iframe์ ์ฌ์ฉํฉ๋๋ค. ์ ๋ชฉ ๋ค์ ๋ํ๋๋ ๋ฉํ ์์๋ฅผ ์ง์ํ๋ฉด ์ด๋ก ์ ์ผ๋ก ์ธ ๋ฒ์งธ iframe์ด ์์ฑ๋ฉ๋๋ค. ๋ชจ๋ iframed ๋ฉํ ๋ฐ์ค์ ์ํฅ์ ์ฃผ์ด์ผํ๋ ํ๋ฌ๊ทธ์ธ์ด ์ ์ ์ ๋๊ธฐ์ด์ ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ์ ๊ดํ ๋ฌธ์ ๊ฐ ์์ต๋๊น?
์ค๋ ๋ฐค ์ฑ๋ฅ ํ ์คํธ๋ฅผ ์ํํ๋๋ฐ ๋คํธ์ํฌ ํญ์์์ด ๋ฐ๊ฒฌ์ ๋ฐ๊ฒฌํ์ต๋๋ค. ์์ ์ฐฝ์ ์ถ๊ฐ ๋ ๋ชจ๋ CSS ๋ฐ JS ์์ฐ์ด ๊ธฐ๋ณธ ์ด iframe ๋ฐ ์ฌ์ด๋ ๋ฐ iframe์๋ ์ถ๊ฐ๋๋ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค. ์ฆ, ๊ฐ ์์ฐ์ด ์ด ์ธ ๋ฒ ์์ฒญ๋์ด ์ฌ์ฉํ ๋ ์์ฐ ์์ฒญ ์๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ธ ๋ฐฐ๋ก ๋๋ฆฝ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ .
๋ธ๋ผ์ฐ์ ์บ์ฑ์ ์ฌ์ฉํ๋ฉด ํ์ด์ง ๊ฐ์ค์น ์์์ด ์ค์ด๋ค์ง ๋ง ์์ฐ ์์ฒญ ์๋ ์ฌ์ ํ 3 ๋ฐฐ์ ๋๋ค. ๋๋ ์ด๊ฒ์ด ๊ฐ iframe์ด ๋ฉํ ๋ฐ์ค๊ฐ ์๋ํ๋๋ก ํ์ฉํ๋ ๋ฐ ํ์ํ ์์ฐ์ ๊ฐ๋๋ก ์ํ๋๊ณ ์๋ค๊ณ ๊ฐ์ ํ์ง๋ง ์์ผ๋ก ์์ฐ์ ๋๊ธฐ์ด์ ๋ฃ๋ ์๋ฃจ์ ์ด ๋ ์๋ ์์ต๋๋ค.
@kevinwhoffman ๋ฌธ์ ์ ํต์ฐฐ๋ ฅ์ ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ ๋ฐ์ค์ ๋ํด ์ค๋๋ ์ฐ๋ฆฌ๊ฐ ๊ฐ์ง๊ณ ์๋ ๊ฒ์ด ์คํ์ด๋ผ๊ณ ์๊ฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ์ฌ๋ฌ ์ธก๋ฉด์์ ํ๋ก์ ํธ๊ฐ ์ทจํด์ผ ํ ๋ฐฉํฅ์ ๊ฒฐ์ ํ๋ ๋์ ์ ์ง ํจํด์ ๋๋ค. '๋น๋ถ๊ฐ'์๋ํ์ง๋ง ์ฐ๋ฆฌ๊ฐ ํจ๊ป ์ ๊ณต ํ ์ ํ์ด ์๋๋ผ๋ ๋ง์์.
์์ ๋ชจ๋ ๋ด์ฉ์ ์์ผ๋ก ๋ฉํ ๋ฐ์ค๊ฐ ์ด๋ค ์ฉ๋๋ก ์ฌ์ฉ ๋ ์ง ์ดํด ๋ณด๋ ๊ฒ์ด ์ค์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ธ๋ก์ผ๋ก ๋ณํ๋์ง ์๋ ๊ฒฝ์ฐ (์๋ ๊ฒฝ์ฐ)๋ ๋ฌด์์ ๋๊น? ๋ชจ๋ ๋ฉํ ๋ฐ์ค๊ฐ ๋ชจ๋ฐ์ผ์์ ์๋ํด์ผํฉ๋๊น? ์ฐ๋ฆฌ๊ฐ ํ์ํ์ง ์์ ๋์ฒด ์ธํฐํ์ด์ค๊ฐ ์์ต๋๊น? ๋๋ ๊ฑฐ๊ธฐ์ ํ๋ฆผ ์๋ค. ์ง๊ธ ๋น์ฅ์ ๊ทธ๋ฌํ ๊ฐ๋ฅ์ฑ์ ์ดํด๋ณด๊ณ ํ์ฌ ์ฃผ์ ๋ฏธ๋์ ์ฃผ๋ฅผ ์ํด ์ผํ๋ ๊ธธ์๊ฐ๋ ๊ฒ์ ๋๋ค.
ํ์ฌ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ํ์ฌ ๋ฒ์ ์ ๋ฉํ ๋ฐ์ค์ ์กด์ฌํ๋ ๋ฒ๊ทธ๋ฅผ ์์ ํด์ผํ๋ฉฐ ์ด๊ฒ์ด ์ด์ ์ ๋๋ค. ์ด ์์ ์๋ ์ฑ๋ฅ์ด ํ์ํฉ๋๋ค. ๋ชจ๋ฐ์ผ ์ธก๋ฉด์์ ๋ฉํ ๋ฐ์ค๋ ์ค๋ซ๋์ ๋ฌธ์ ๊ฐ๋์ด ์์ผ๋ฉฐ ์ฌ๊ธฐ์ ๋ ๋๋น ์ง๋ ๊ฒ์ ์๋๋๋ค. ๊ทธ๊ฒ์ ์ฐ๋ฆฌ๊ฐ ๋ฏธ๋์ ๋ ๋์ ์๋ฃจ์ ์ ์ํด ๋ ธ๋ ฅํด์ผํ๋ค๊ณ ๋งํ์ต๋๋ค. ์ฐ๋ฆฌ๊ฐ ๋ฐ๋ณตํ๊ณ ๋ ๋์ ์ต์ ์ ์๊ฐํ ์์๋ ์์ ๋ฅผ ๊ณ์ ์ ์งํ๊ธฐ ๋๋ฌธ์ ๋ฐ๋ณตํด์ ๋๋์ ๊ฐ์ ์ด๊ฒ์ด '์ค๋์'ํด๊ฒฐ์ฑ ์ผ๋ฟ์์ ๊ธฐ์ตํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ ๋ฐ์ค์ ๋ํด ์ค๋๋ ์ฐ๋ฆฌ๊ฐ ๊ฐ์ง๊ณ ์๋ ๊ฒ์ด ์คํ์ด๋ผ๊ณ ์๊ฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ์ฌ๋ฌ ์ธก๋ฉด์์ ํ๋ก์ ํธ๊ฐ ์ทจํด์ผ ํ ๋ฐฉํฅ์ ๊ฒฐ์ ํ๋ ๋์ ์ ์ง ํจํด์ ๋๋ค. '๋น๋ถ๊ฐ'์๋ํ์ง๋ง ์ฐ๋ฆฌ๊ฐ ํจ๊ป ์ ๊ณต ํ ์ ํ์ด ์๋๋ผ๋ ๋ง์์.
iframe ์ ๊ทผ ๋ฐฉ์์ 'ํ์ฌ'๋ฟ๋ง ์๋๋ผ ์๋ํ์ง ์์ต๋๋ค. ์์ ๋์ด๋ ๊ด๋ จ ๋ฌธ์ ๋ ์ฃผ์ ๋ฐฉ์์ผ๋ก ์๋ํ์ง ์๋ ๋ฉํ ์์์ ์๋ฅผ ์ ๊ณตํฉ๋๋ค. ๋ํ ์ด๋ฌํ ๋ฌธ์ ๊ฐ ์์ ๋์๋๋ผ๋ ํ์ด์ง ๊ฐ์ค์น์ ์์ฒญ ์๋ฅผ 3 ๋ฐฐ๋ก ๋๋ฆฌ๋ ๊ฒ์ ์ด๋ค ์ํฉ์์๋ '์๋ํ๋'๊ฒ์ผ๋ก ๊ฐ์ฃผ๋์ด์๋ ์๋ฉ๋๋ค.
์์ ๋ชจ๋ ๋ด์ฉ์ ์์ผ๋ก ๋ฉํ ๋ฐ์ค๊ฐ ์ด๋ค ์ฉ๋๋ก ์ฌ์ฉ ๋ ์ง ์ดํด ๋ณด๋ ๊ฒ์ด ์ค์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
์ ์คํ๊ฒ๋ ์ด๊ฒ์ ๋ฉํ ๋ฐ์ค ๋ฌธ์ ๊ฐ ์ ๊ธฐ ๋ ๋๋ง๋ค ๋ฐ์ํฉ๋๋ค. ๋ํ๋ฅผ ๋ฏธ๋์ ๋ฉํ ๋ธ๋ก์ผ๋ก ์ฎ๊ธฐ๊ธฐ๋ณด๋ค๋ ๊ธฐ์กด ๋ฉํ ๋ฐ์ค๊ฐ ์ง๋ฉด ํ ๋ฌธ์ ๋ฅผ ์ค์ฌ์ผ๋ก์ด ํ ๋ก ์ ๊ตฌ์ฑํ๋ ๊ฒ์ด ์ ๋ง ๋์์ด ๋ ๊ฒ์ ๋๋ค. ๋ค์ ํ๋ฒ:
๋ฉํ ๋ฐ์ค๋ฅผ ์์ฑํ๋ ํ ๋ง ๋ ํ๋ฌ๊ทธ์ธ์ ์์ ํ์ง ์๊ณ ๋ ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ต๋๊น?
๋ฉํ ๋ฐ์ค๊ฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๊ณ์ ํ๋ ฅ ํ ๊ฒ์ด๋ผ๋ ์ฆ๊ฑฐ๋ ์ง๊ธ๊น์ง ๋ณด์ง ๋ชปํ์ต๋๋ค. ๋๋ต์ด '์๋์'์ด๋ฉด 5.0์ด ๋ ๋ค๋ฅธ WordPress ๋ฆด๋ฆฌ์ค ์ธ ์ฒํ๋ ๊ฒ์ ์ค์งํ๊ณ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ ๊นจ๋ ๊ฒ์ ๋ํด ์ ์งํ๊ฒ ์์ํด์ผํฉ๋๋ค.
์๋ ์ผ๋น,
์์ธํ๋ณด๊ณ ๋ฅผ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋ง์ ์ด์๋ค์ด ์ด๋ ์ ๋ ์์ ๋ ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ด๊ฒ์ ๋ํ iframe ์ ๊ทผ ๋ฐฉ์์ด ์๋ํ๋์ง ์ฌ๋ถ์ ์ผ๋ง๋ ๋ฉ๋ฆฌ ๊ฑธ๋ฆด ์ ์๋์ง์ ๋ํ ํ๊ตฌ์ด๊ธฐ๋ํฉ๋๋ค. ๋ฐ๋ผ์ ์ด๋ฐ ์ข ๋ฅ์ ๋ํ๋ฅผ ํตํด์ด ์ ๊ทผ ๋ฐฉ์์ ๋จ์ ์ ๊ธฐ๋กํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
iframe์ ๋์ด ํ์ฅ๋๋ ๋ฉํ ์์์์ ์ฝํ ์ธ ์ฐฝ์ ์์ํ ์ ์์ต๋๊น?
์ ์ฒด ํ์ด์ง๋ฅผ ์ฐจ์งํด์ผํ๋ ๋ชจ๋ฌ ๋ผ์ดํธ ๋ฐ์ค์ ๊ฐ์ ์๋ฏธ์ ๋๊น?
์ ์ฒด ํ์ด์ง๋ฅผ ์ฐจ์งํด์ผํ๋ ๋ชจ๋ฌ ๋ผ์ดํธ ๋ฐ์ค์ ๊ฐ์ ์๋ฏธ์ ๋๊น?
์ด๊ฒ์ด ํ๋์ ์์ด์ง๋ง iframe์ ๋ฒ์ ๋ด์ ์์ง ์์ ์ฝํ ์ธ ๋ฅผ ๊ณต๊ฐํด์ผํ๋ ๋ชจ๋ ์๋๋ฆฌ์ค๋ฅผ ๋ ๋ง์ด ์ธ๊ธํฉ๋๋ค.
์๋ฅผ ๋ค์ด ํ์ด์ง ์ค์์ ์ฝํ ์ธ ์์๋ฅผ ํธ๋ฆฌ๊ฑฐํ๋ ์ฌ์ด๋ ๋ฐ์ ๋ฒํผ์ ํด๋ฆญ ํ ์ ์์ต๋๊น? ํด๋น ์ฝํ ์ธ ์์๊ฐ iframe ๋ด๋ถ์์๋ ๊ฒฝ์ฐ ์ฌ์ด๋ ๋ฐ์ iframe ํฌ๊ธฐ ์ธ๋ถ์ ํ์๋์ง ์์ต๋๋ค.
๋ ผ๋ฆฌ์ ๋ค์ ๋จ๊ณ๋ iframe์ ์์ ๋ฌธ์์์ ํจ์๋ฅผ ๋์ ํธ์ถํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ ํ๋ฌ๊ทธ์ธ์ ํ์ฌ ๊ทธ๋ ๊ฒ ์๋ํ๋๋ก ์์ฑ๋์ง ์์์ผ๋ฉฐ ์์ ์ ์๊ตฌํ๋ฉด _legacy_ ๋ฉํ ์์๋ฅผ ์ง์ํ๋ ๋ชจ๋ ๋ชฉ์ ์ ๋ฌด๋ ฅํ์ํฌ ์ ์์ต๋๋ค. ์ด๋ค ์๋ฃจ์ ์ด ๊ฒฐ์ ๋๋ ๊ธฐ์กด ํ ๋ง ๋๋ ํ๋ฌ๊ทธ์ธ์ ์์ ํ์ง ์๊ณ ์๋ํด์ผํ๋ค๊ณ ๊ฐ์กฐ ํ ์๋ ์์ต๋๋ค.
ํ๋ฌ๊ทธ์ธ / ํ ๋ง ์์ฐ๊ณผ ๊ด๋ จํ์ฌ iFrame ๊ตฌํ์ด ์ผ๋ง๋ ๋ถ์ ์ ์ธ์ง ์๋ฉด ํ๋ก์ ํธ๊ฐ ์ผ์ ์ค์ง๋์ด์ผํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ฌ๊ธฐ์ ์ง์ ํ ๋ต์ WordPress๊ฐ Fields API https://github.com/sc0ttkclark/wordpress-fields-api ๋ฅผ ์ ๊ณตํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๊ฒ ์์ด๋ ์ฑ๋ฅ์ ๊ด์ฌ์ด ์๋ค๋ฉด Gutenberg๋ก ๋ฉํ ๋ฐ์ค๋ฅผ ํจ๊ณผ์ ์ผ๋ก ๊ตฌํํ๋ ๊ฒ์ด ์ฌ์ค์ ๋ถ๊ฐ๋ฅํฉ๋๋ค.
"์ค๋น"๋ ๋๊น์ง ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ์ค์ ๋ก ์ถ์ํ์ง ์๋๋ค๋ฉด, ๊ตฌํ ๋ฒ ๋ฅดํฌ์ React์์ metbox๊ฐ ์ฌ ๋ฐ๋ฅด๊ณ ์ํํ๊ฒ ์๋ํ๋๋ก Fields API์ ๋์ผํ ๊ด์ฌ์ ๊ธฐ์ธ์ฌ์ผํ๋ค๊ณ ๋งํฉ๋๋ค.
๋ ผ๋ฆฌ์ ๋ค์ ๋จ๊ณ๋ iframe์ ์์ ๋ฌธ์์์ ํจ์๋ฅผ ๋์ ํธ์ถํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ ํ๋ฌ๊ทธ์ธ์ ํ์ฌ ๊ทธ๋ ๊ฒ ์๋ํ๋๋ก ์์ฑ๋์ง ์์์ผ๋ฉฐ ์์ ์ ์๊ตฌํ๋ฉด ๋ ๊ฑฐ์ ๋ฉํ ๋ฐ์ค๋ฅผ ์ง์ํ๋ ๋ชจ๋ ๋ชฉ์ ์ ๋ฌด๋ ๋จ๋ฆด ๊ฒ์ ๋๋ค. ์ด๋ค ์๋ฃจ์ ์ด ๊ฒฐ์ ๋๋ ๊ธฐ์กด ํ ๋ง ๋๋ ํ๋ฌ๊ทธ์ธ์ ์์ ํ์ง ์๊ณ ์๋ํด์ผํ๋ค๊ณ ๊ฐ์กฐ ํ ์๋ ์์ต๋๋ค.
๋ค,์ด ์ผ์ํ๋ ๋์ ํ์คํ ๊ฑฑ์ ๊ฑฐ๋ฆฌ์์ต๋๋ค. iframe ๊ฐ์ ๊ต์ฐจ ํต์ ์ ๊ทธ๋ค์ง ์ข์ง ์์ต๋๋ค. ํ์ ํ ๋ค๋ฅธ ๋์๋ ์์ต๋๋ค.
๊ทธ๋ฌ๋ ํน์ ํ ๋ง ํ๋ฌ๊ทธ์ธ์ด ์์๋๋ ๊ฒฝ์ฐ๊ฐ์์ ๊ฒ์ด๋ฉฐ ๊ฐ๋ฅํ ๋ชจ๋ ์ฌ์ฉ ์ฌ๋ก๋ฅผ ์์ฉ ํ ์๋ ์์ต๋๋ค. . ํ์ฌ iframe ์๋ฃจ์ ์ด ํด๋น ๋ชฉํ๋ฅผ ์ถฉ์กฑํ์ง ๋ชปํ ์๋ ์์ต๋๋ค.
์ต๊ทผ์ Core Customizer Dev Note Post ์์ iframe์ _improvement_๋ก ์ฌ์ฉํ์ง ์๋๋ก์ฃผ์๋ฅผ ๊ธฐ์ธ์์ต๋๋ค. ์ฌ๊ธฐ์ ์๋ฃจ์ ์ผ๋ก iframe์ ๊ตฌํํ๋ ๊ฒ์ ํ ๊ฑธ์ ๋ค๋ก ๋ฌผ๋ฌ ๋ ๊ฒ์ฒ๋ผ ๋ณด์ ๋๋ค.
์๋ ํ์ธ์ Mathetos,
"์ค๋น"๋ ๋๊น์ง ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ์ค์ ๋ก ์ถ์ํ์ง ์๋๋ค๋ฉด, ๊ตฌํ ๋ฒ ๋ฅดํฌ์ React์์ metbox๊ฐ ์ฌ ๋ฐ๋ฅด๊ณ ์ํํ๊ฒ ์๋ํ๋๋ก Fields API์ ๋์ผํ ๊ด์ฌ์ ๊ธฐ์ธ์ฌ์ผํ๋ค๊ณ ๋งํฉ๋๋ค.
Fields API๊ฐ ๋ค์ ์ข์ ๊ฒ์ด๋ผ๋ ๋ฐ ๋์ํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ ๋ํ ํ๋ API๋ฅผ ์ฑํ ํ ์ฌ๋๋ค์ด ํ์ํฉ๋๋ค. Gutenberg๋ฅผ ์ํด ํ๋ฌ๊ทธ์ธ / ํ ๋ง๋ฅผ ์ฌ ์์ฑํ๋ ค๋ ์ฌ๋์ด ๋ง์ง ์๋ค๋ฉด Fields API๋ฅผ ์ํด ๊ทธ๋ ๊ฒ ํ ์์ฌ๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋๋ ๋ํ ๊ทธ๊ฒ์ด ์ด์ ํธ ์ด๋๊ฐ์์ ์ ๊ธฐ๋์๋ค๊ณ ์๊ฐํ๋ฏ๋ก GitHub ์ญ์ฌ์์ ์ฐพ์๋ณด๊ณ Fields API๊ฐ ์ด๋ป๊ฒ Gutenberg์ ๋์์ด ๋ ์ ์๋์ง์ ๋ํ ์๊ฐ์ ์ถ๊ฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
... ๊ฐ๋ฅํ ๋ชจ๋ ์ฌ์ฉ ์ฌ๋ก๋ฅผ ์์ฉํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค. ๋ ๋์ ๋ชฉํ๋ ๋ฐฉ๋ํ ๋๋ค์์ ์ฌ์ฉ์์ ์ฌ์ฉ ์ฌ๋ก๋ฅผ์ํ ์ข์ ๊ฒฝํ์ ๋ง๋๋ ๊ฒ์ ๋๋ค.
๋์ํฉ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ ์ฒด ํ์ด์ง๋ฅผ ๋๊ธฐ์ง ์๊ณ ํธ์ง์๋ฅผ ๊ณ ์งํ๋ค๋ฉด ๋ชฉํ๋ฅผ ํจ์ฌ ๋ ๋ฌ์ฑ ํ ์์์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ๊ทธ๋ฐ ๋ค์ ๊ธฐ์กด ํํฌ๋ฅผ ๊ทธ๋๋ก๋๋ฉด ๋ฉํ ์์๊ฐ ์ง๊ธ์ฒ๋ผ ๊ณ์ํด์ ์๋ก ํต์ ํ ์ ์์ต๋๋ค. ๋ํ ์์ฐ ๋๊ธฐ์ด์ ์ถ๊ฐํ๋ ๊ฒ์ ์ค๋๋ ์ฒ๋ผ ์๋ํ๋ฏ๋ก ๋ฌธ์ ๊ฐ๋์ง ์์ต๋๋ค.
์ ๋ Yoast๊ฐ ์ ์ ํ์ด ๊ฐ๋ ์ ๋งค์ฐ ๋์ํฉ๋๋ค.์ด ๊ฐ๋ ์ ์๋ํฐ ๊ตฌ์ฑ ์์์ ์ง์คํ๊ธฐ ์ํด ํ๋ก์ ํธ์ ๋ฒ์๋ฅผ ์ถ์ํ๋ฉด์ ์ด๋ฏธ ์ํ ๋ ์์ ์ ๋๋ถ๋ถ์ ์ ์งํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ ๋๋ค.
๋๋ ๋ํ Yoast๊ฐ ์ ์ํ ์ ์์ ๊ฐ๋ ฅํ ๋์ํฉ๋๋ค. ํ๋ฌ๊ทธ์ธ ์์ฑ์์๊ฒ ๋ฉํ ๋ฐ์ค๋ฅผ ์ ๋ธ๋ก์ผ๋ก ๋ณํ ํ ์๊ฐ์ ์ ๊ณตํ๋ ์ข์ ์ค๊ฐ ๋จ๊ณ๋ฅผ ์ ๊ณตํฉ๋๋ค. ๊ทธ๋ฐ ๋ค์ ์ ์ฒด ํธ์ง๊ธฐ ๊ฒฝํ์ ์ต์ข ๊ต์ฒด ๊ณํ์ ์ผํ์ผ๋ก ํ๋ก์ ํธ๋ก์์ WP๋ "x ๋ฒ์ ์์๋ ๋ฉํ ๋ฐ์ค๊ฐ ๋ ์ด์ ์ฌ์ฉ๋์ง ์์ ๊ฒ์ ๋๋ค"์ ๊ฐ์ด ๋งํ ์ ์์ผ๋ฏ๋ก ๋ ๋์ ์ต์ข ๋ชฉํ๋ฅผ ํฅํด ์ด๋ํ๊ธฐ์ํ _plan_์ด ์์ต๋๋ค.
์ด ๊ฐ๋ ์ ํต์ ํ ์ค์ TinyMCE ์ธ์คํด์ค๊ฐ ์๊ธฐ ๋๋ฌธ์ ๊ธฐ์กด ๋ฉํ ๋ฐ์ค๋ฅผ ๊นจ๋จ๋ฆฝ๋๋ค. ๋ฉํ ๋ฐ์ค์ 80 %๋ฅผ ์ง์ํ๋ ๋์ 90 %๋ฅผ ์ง์ํฉ๋๋ค (์ด ์ซ์๋ฅผ ๊ตฌ์ฑํ์ต๋๋ค).
์ด ๊ฐ๋ ์ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ง ๋ชปํ์ง๋ง ๋์ผํ ๋ฌธ์ ๋ก ํด๊ฒฐ์ ์ง์ฐ์ํต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ WP์ JS ์ธํฐํ์ด์ค๋ฅผ ํฅํ ์ฒซ ๋ฒ์งธ ๋จ๊ณ์ด๋ฉฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ๋ฉ์ถ์ง ์์ ๊ฒ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ ์กฐ๊ฐ์ ์ฌ์ฌ์ฉํ์ฌ์ด ๊ฐ๋ ์ ๊ตฌ์ถํ๋ ๊ฒ์ ์๋์ ์ผ๋ก ๊ฐ๋ฅํ์ง๋ง ์ด๊ฒ์ ์ต์ ํํ๋ ค๋ UX๊ฐ ์๋๋๋ค. ๋จผ์ ๊ฐ๋ฅํ ์ต์์ ํธ์ง๊ธฐ๋ฅผ ๊ตฌ์ถํ๊ณ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ ๋ฌธ์ ๊ฐ์๋ ์ฌ๋๋ค์ด ์ฌ์ฉํ ์ ์๋๋ก ๋ง๋ค๊ณ ์ถ์ต๋๋ค (์ ์ค์น, ๋ฉํ ๋ฐ์ค ์์ .. .).
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ด์์ ์ธ ๋น์ ์ด ์ถ์ ๋ ์ค๋น๊ฐ๋์๋ค๊ณ ์๊ฐํ๋ฉด ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก ์ ๋ต์ ๋ ผ์ ํ ์๊ฐ์ด์์ ๊ฒ์ ๋๋ค. ์ด์ ๊ฐ์ ๊ฐ๋ ์ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก์ ๋ํ ์ต์ ์ด์ง๋ง ์ต์ข ์ ํ์ ์๋๋๋ค. ๋ค๋ฅธ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก๋ ๊ฐ๋ฅํฉ๋๋ค.
์ง๊ธ ์ต๊ณ ์ ํธ์ง๊ธฐ๋ฅผ ๋ง๋ค์ด ๋ด ์๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ด์์ ์ธ ๋น์ ์ด ์ถ์ ๋ ์ค๋น๊ฐ๋์๋ค๊ณ ์๊ฐ๋๋ฉด ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก ์ ๋ต์ ๋ํด ๋ ผ์ ํ ์๊ฐ์ด ์์ต๋๋ค.
๋๋ ์ด๊ฒ์ ๋ ๋์ ํ ์ ์์๋ค. ๊ธฐ์กด ์ฌ์ดํธ์ ํธํ๋์ง ์๋๋ฐ ์ด์์ ์ธ ํธ์ง๊ธฐ๋ฅผ ๊ฐ๋ฐํ๋ ๋ฐ ์์ฒ ์๊ฐ์ ํฌ์ํ๋ ์ด์ ๋ ๋ฌด์์ ๋๊น? ์ฒซ์ธ์์ด ๊ทธ๋ค์ด ์์กดํ๋ UI๋ฅผ ๊นจ๋จ๋ฆฌ๋ ๊ฒ์ด๋ผ๋ฉด ์ฌ์ฉ์๋ ์ ์ด์ ์ด์์ ์ธ ํธ์ง๊ธฐ๋ฅผ ๊ฒฝํํ์ง ๋ชปํ ๊ฒ์ ๋๋ค.
๊ธฐ์กด ์ฌ์ดํธ์ ํธํ๋์ง ์๋๋ฐ ์ด์์ ์ธ ํธ์ง๊ธฐ๋ฅผ ๊ฐ๋ฐํ๋ ๋ฐ ์์ฒ ์๊ฐ์ ํฌ์ํ๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
๋ช ํํ๊ฒ ๋งํ์๋ฉด
๊ธฐ์กด ์น ์ฌ์ดํธ์ 100 % ํธํ๋๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค.
์ด์ ๋ช ํ ํด ์ก์ผ๋ WordPress์ ๋ฏธ๋์ ๊ฐ์ฅ ์ ํฉํ ํธ์ง๊ธฐ๋ฅผ ๋ง๋ค์ด ๋ณด๊ฒ ์ต๋๋ค.
๋ชจ๋ ๋ฉํ ๋ฐ์ค๊ฐ ๋ชจ๋ฐ์ผ์์ ์๋ํด์ผํฉ๋๊น?
๊ทธ๋, ์ ์ ๊ทธ๋?
๋ธ๋ก์ผ๋ก ๋ณํ๋์ง ์๋ ๊ฒฝ์ฐ (์๋ ๊ฒฝ์ฐ)๋ ๋ฌด์์ ๋๊น?
๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ์ ๊ฒฝ์ฐ Blocks For Everything์ด ์ ์๋ฏธ๊ฐ ์๋์ง ์ดํดํ์ง๋ง ๋ฉํ ๋ฐ์ดํฐ์ ์ผ๋ฐ์ ์ธ ์ฌ์ฉ ์ฌ๋ก ์ธ ๋ณด์ด์ง ์๋ ๋ฐ์ดํฐ๋ฅผ ๋ฌด์ํ ์ ์์ต๋๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก ๋ฉํ ๋ฐ์ค๋ฅผ ์ฌ์ฉํ์ฌ UI๋ฅผ ๋ ธ์ถํ์ฌ ๋ถ์ ๋ฐ์ดํฐ๋ฅผ ๊ฒ์๋ฌผ์ ์ถ๊ฐ ํ ์ ์์ต๋๋ค.
๋ฉํ ์์๋ง์ผ๋ก ๊ตฌ์ฑ ๋ ์์๋ Custom Post Types์ ๊ฐ์ ๊ฒฝ์ฐ ์ UI๋ฅผ ์ดํดํ๋ ๋ฐ ์ด๋ ค์์ด ์์ต๋๋ค. WordPress์๋ ๋ฐ์ดํฐ์ ๋ํ ํฌ๊ด์ ์ธ CRUD API๊ฐ ์๊ธฐ ๋๋ฌธ์ ๋ง์ ๊ฐ๋ฐ์๊ฐ WP_Query
๋ฐ ๊ด๋ จ API ์ ํ๊ตฐ์ ๋
๋ฆฝํ์ผ๋ก ์ฌ์ฉํ๊ณ ํน์ ๋ฐ์ดํฐ๋ฅผ ์ถ๊ฐํ๊ธฐ์ํ UI๋ฅผ ๊ฒฉ๋ฆฌํ๊ธฐ ์ํด CPT ํธ์ง ํ๋ฉด์์ ๋ฉํ ์์๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ํํ. ๋ง์ (๋๋ถ๋ถ์) ์ฌ์ฉ์ ์ง์ ๊ฒ์๋ฌผ ์ ํ์ "์ฝํ
์ธ "์ ์ ํต์ ์ธ ์ฌ์ฉ์ ๋ ๊ฐ์กฐํ๊ฑฐ๋ ๋ฌด์ํฉ๋๋ค. ๋ฐ๋ผ์ ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ์ ๊ฒฝ์ฐ ์ฝํ
์ธ ๊ฐ ์ ๋ฉด ์ค์์ด์ง๋ง ๋ง์ CMS ์ฌ์ฉ ์ฌ๋ก์ ๊ฒฝ์ฐ WYSIWYG๊ฐ ๋ง๋ค์ง ์์ต๋๋ค. ๋ง์ ๊ฐ๊ฐ.
์ด ํ์ฌ ๋ฐ๋ณต์์ Meta Box ์ง์์ ๋ง์ ์ฌ๋๋ค์ ํ์ค์์ Meta Box๊ฐ UI, API, CMS๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐ ์ฌ์ฉํ๋ ๋ฉ์ปค๋์ฆ ์ธ ๊ฒฝ์ฐ ์ถ๊ฐ ๊ธฐ๋ฅ์
๋๋ค. <iframe>
s๋ gulag์
๋๋ค.
๊ทธ๋ฆฌ๊ณ ์ฐ๋ฆฌ๋ WP๊ฐ ์์ํ ๊ตฌ์ถํด ์จ ๊ฐ์น๋ฅผ ์๊ณ ์์ต๋๋ค. WP์ ์ต์ ๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ ํ ์ ์์ด์ผํ๊ณ ์๋ฌด๊ฒ๋ ๋ค์ ์์ฑํ์ง ์์๋๋ฉ๋๋ค. ๋๋ WP์ ์ผ์์ ๋๋ฌด ๋ง์ ํ๋ก์ ํธ๊ฐ์์ด์ ๋ค์๋ ๊ฑด๋๋ฆฌ์ง ์์ ๊ฒ์ ๋๋ค. ๊ทธ๋ค ์ค ์ผ๋ถ๋ ์ด๋ฌํ ๋ณํ๋ก ํฌ๊ฒ ๊นจ์ง์ง ์์ ๊ฒ์ด๋ผ๊ณ ํ์ ํ ์ ์์ต๋๊น?
์ด ์์ ๋ก ๋๋ผ ๊ฒ์ ๋๋ค. "์ค๋๋"๋ฉํ ์์ ์ค ํ๋๊ฐ ๋ฏธ๋์ด ์ฉ UI๋ฅผ ์ด๋๋ก ํธ๋ฆฌ๊ฑฐํ๋ ๊ฒฝ์ฐ iframe ๋ด์์ ๋๊ตฐ๊ฐ (๋ ์ด์ ํจ๊ป ์์ ํ์ง ์๋ ํด๋ผ์ด์ธํธ)์์ด์ด "์๋ก์ด"์๋๋ฆฌ์ค์์ ์ด๋ป๊ฒ ์๋ํฉ๋๊น? ) ์ฝ๋ ์ฌ ์์ฑ?
์ด๋ฌํ ๋ํ๋ฅผ ๋ฐ๋ผ ๊ฐ๋ฉด์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๊ด๋ จํ์ฌ ๊ฐ๋ฐํ๊ณ ์ดฌ์ํ๋ ํ์ด ๋ฉํ ๋ฐ์ค ์์ฒด๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ์ฒ๋ฆฌํ์ง ์๋๋ค๋ ๊ฒ์ ๋๋ ์๋ฐ์ ์์ต๋๋ค. ๊ทธ๊ฒ์ ์๋จ์ด ์ฒ์๋ถํฐ ๊ทธ๋ค์ง ๊ฐ์น๊ฐ ์๊ธฐ ๋๋ฌธ์ ๊ทธ๋ ๊ฒ ๋งํ๊ธฐ ์ฌ์ด ์ผ์ข ์ ๋ชฉ์ ์ ์ ๋นํํ๋ ์ผ์ข ์ ๋ ผ์์ฒ๋ผ ๋๊ปด์ง๋๋ค.
์ฐ๋ฆฌ ์ค ๋ง์ ์ฌ๋๋ค์๊ฒ WordPress 5.0์ผ๋ก ์ ๋ฐ์ดํธํ๋ฉด ์ฆ์ ์ค๋จ๋๋ ์์ญ ๊ฐ์ ์ฌ์ดํธ๊ฐ ์๋ค๋ ์ ์ ์ดํดํ์ญ์์ค.์ด ์ ํ์ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ ๋ํ ์กฐ์ฆ ๋๋ฌธ์ ์ ๊ทธ๋ ์ด๋ํ๋ ๊ฒ์ด ์์ ํ๋ค๊ณ ์ญ์ฌ์ ์ผ๋ก ์ฌ๋๋ค์๊ฒ ๊ฐ๋ฅด์ณ ์จ ์ ํ์ ๋๋ค. ์ฌ๊ธฐ์ ๋ ผ์๋๋ ๊ฒ์ ์ฌ์ํ (์ : ์คํ์ผ๋ง) ์ค๋จ์ด ์๋๋ผ ์์ฒ (๋๋ ๊ทธ ์ด์) ์ฌ์ดํธ์ ๊ด๋ฆฌ์ ์ธก์ ์ฆ์ ์ฌ์ฉํ ์ ์๊ฒ ๋ง๋๋ ์ ์ฌ์ ์ธ ์ผ ์คํ ํผ์ ๋๋ค. ๋ฌด์์ด ์ผ์ ๋๋ค. ์ ๊ณ๋ก์ ์ฐ๋ฆฌ๋ WordPress์ ๊ฒฌ๊ณ ํ ์์ ์ฑ์ผ๋ก ์ฌ๋๋ค์ ํ์์ต๋๋ค.
@staylor ๊ฐ ์์์ ์ง์ ํ ๊ฒ์ฒ๋ผ ๋๋ถ๋ถ์ ์น ์ฌ์ดํธ (์ค๊ฐ์์ ๊ณ ๊ธ ์์ค์ ๋ณต์กํ ๊ธฐ์ ์ฌ์ดํธ)์์ ๋ฉํ ๋ฐ์ค๋ UI์ ๋๋ค. ํธ์ง๊ธฐ (๋ง์ผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ)๋ ๊ทธ ์ผ๋ถ์ผ๋ฟ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ด์์ ์ธ ๋น์ ์ด ์ถ์ ๋ ์ค๋น๊ฐ๋์๋ค๊ณ ์๊ฐํ๋ฉด ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก ์ ๋ต์ ๋ ผ์ ํ ์๊ฐ์ด์์ ๊ฒ์ ๋๋ค. ์ด์ ๊ฐ์ ๊ฐ๋ ์ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก์ ๋ํ ์ต์ ์ด์ง๋ง ์ต์ข ์ ํ์ ์๋๋๋ค. ๋ค๋ฅธ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก๋ ๊ฐ๋ฅํฉ๋๋ค.
๋๋ ์ด๊ฒ์ ๋ฉ๋ฆฌ ๋ฏธ๋ฃจ๋ ๊ฒ์ด ์ค์๋ผ๊ณ ์๊ฐํ๋ค. ํนํ ๋ง์ ์กฐ์ง์ด ์ค๋นํ๋ ๋ฐ ์ต์ 1 ~ 2 ๋ถ๊ธฐ๊ฐ ํ์ํ๊ธฐ ๋๋ฌธ์ ๋๋ค.
๋ด๊ฐ ๊ธฐ์ตํด์ผ ํ WordPress์ ์ฌ๋ฌ ๋ฆฌ๋ ๊ฐ๋ฐ์๋ก๋ถํฐ ๋ค์๋ ๊ฒฉ์ธ์ด ์์ต๋๋ค. ๋๊ตฐ๊ฐ๊ฐ ์์ ์ ์ฌ์ดํธ์ WordPress๋ฅผ ์ฑํํ๋ฉด WordPress 3.7 ๋๋ WordPress 4.8์ ์ฑํํ๋ ๊ฒ์ด ์๋๋ผ WordPress๋ฅผ ์ฑํํ๋ ๊ฒ์ ๋๋ค. ์ด ๊ฒฝ๋ก๋ฅผ ๊ฐ๋ฅํ ํ ์ํํ๊ฒ ์งํํ๋ ๊ฒ์ ์ ๋์ ์ผ๋ก ํ์ํฉ๋๋ค. ์ด๋ก ์ธํด ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ณ ๊ด์ฐฎ์ต๋๋ค (์๋ ํ๋ ์ค์ ๋ชจ๋ ๋ฆด๋ฆฌ์ค์ ๋ํด ์ญ ํธํ์ฑ ์ค๋จ์ด ์์). ์ต์ํํ๊ณ ๋ฌธ์ํํ๊ณ ์ ๋ฌํด์ผํฉ๋๋ค.
๊ธฐ์กด ์น ์ฌ์ดํธ์ 100 % ํธํ๋๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค.
๋น์ ์ด ์๋ฆฝ ํ ์ ์์ ๊ฑฐ๋ผ๋ฉด ๋ฐ๋์ ๊ฐ์ ๋ถ์์ญ์์ค. ์ฒซ ๋ฒ์งธ ๋ฆด๋ฆฌ์ค WP ++ ๋๋ WPNG๋ฅผ ํธ์ถํ์ญ์์ค. ์ผ์ด ๊นจ์ง ๊ฐ๋ฅ์ฑ์ด ๊ฐ์ฅ ๋๊ณ ์ฌ๋๋ค์ด ์ค๋นํ๋๋ก ๋ฏธ๋ฆฌ ์ ์ธํ๋ ๊ฒ์ด ํจ์ฌ ์ข์ต๋๋ค. ํ์์ ๊ฐ์ด ์๋ํ๋ ๊ฒ์ฒ๋ผ ํ์ฌ์ "๊ธฐ๋ง"์ ๋ชจ๋์๊ฒ ๋์ ์ผ์ ๋๋ค.
Iframe์ ์ฌ์ฉ์ฑ ์ธก๋ฉด์์ ๋ง ๋ค๋ฅธ ๊ณจ๋ชฉ์
๋๋ค. ๋ฉํ ์์์์ jquery ๊ธฐ๋ฐ ๋ ์ง ์ ํ ์์ ฏ์ ์ด์๊ณ ์ฐฝ์์ ๋ค๋ฅธ ์์์ ์์น๋ฅผ โโํด๋ฆญํด๋ ๋ซํ์ง ์์์ ๋ ๋๋์ต๋๋ค. ํด๋ฆญ ์ด๋ฒคํธ๊ฐ ์์ ์ฐฝ์ ์๊ณ iframe์ผ๋ก ์ ํ๋์ง ์๋๋ค๋ ๊ฒ์ ๊นจ๋ฌ์์ต๋๋ค. ๊ทธ๋์ ๊น์ง ๋๋์ง ๋ง ๊ฒฐ๊ตญ ์๊ฒ๋๋๋ฐ ์ด๋ป๊ฒ ์ ์ ๋ค์๊ฒ ๊ทธ๋ฐ ์ค๋ช
์ ํด์ฃผ์ค ๊ฑด๊ฐ์? ๊ฐ ํ๋ฌ๊ทธ์ธ์ด ์ด๋ฌํ ์ฌ์ํ UX ๊ธฐ๋์ ๋ํ ๊ฐ ์ฌ์ฉ์์ ์ง๋ฌธ์ ๋ตํ ๊ฒ์ผ๋ก ๊ธฐ๋ํ์ญ๋๊น?
๊ทธ๋ฆฌ๊ณ ์ธ๋ถ ๋งํฌ๊ฐ ์ด๋ป๊ฒ ์๋ ํ ๊ฒ์ผ๋ก ๊ธฐ๋ํฉ๋๊น?
์ฌ๋๋ค์ด iframe์ ์ตํ์ ์๋จ์ผ๋ก ๋ง ์ฌ์ฉํ๋ ๋ฐ์๋ ํฐ ์ด์ ๊ฐ ์์ต๋๋ค.
๋ด ์์ฐ์ ์ธ ์ ์์ ์์๊ฐ ์ ๋๋ก ์๋ํ์ง ์๋ ํ ๋ฉํ ์์ ์ค๋น๋ฅผ ์ ์ธํ์ง ์๋ ๊ฒ์ ๋๋ค. ์ํธ ์์ฉ ์ธก๋ฉด์์ ์ฝ๊ฐ ๋ณต์กํ๋ฉฐ ๋ง์ ์ฌ์ดํธ์ ์ค์น๋ฉ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์์ ํ ์ ์๋ค๋ฉด ์๋ง ์๋ฌด๋ ์ฌ์ฉํ์ง ์์ ๊ฒ์ ๋๋ค.
๋ด ์์ฐ์ ์ธ ์ ์์ ๋ฉํ ๋ฐ์ค๋ฅผ ์ค๋นํ์ง ์๋ ๊ฒ์ ๋๋ค.
์์ @karmatosed ๊ฐ
์ค์ ๋ฐ์ดํฐ๋ฅผ ์ ๊ณตํ๊ธฐ ์ํด ์ด์ ์ ์์ ํ WordPress ์ฌ์ดํธ์์์ด ์ธํฐํ์ด์ค๋ฅผ ๊ณต์ ํ๊ณ ์ถ์ต๋๋ค. ์ฝํ ์ธ ํ๋๋์ด ์ฌ์ฉ์ ์ง์ ๊ฒ์๋ฌผ ์ ํ์ ์ผ๋ถ์ด๋ฉฐ ์ผ๋ถ ์ฌ์ฉ์ ์ง์ ๋ฉํ ๋ฐ์ค ํ๋๋ ๋ธ๋ก์ผ๋ก ๋ณํ ๋ ์ ์์ง๋ง ๋๋ถ๋ถ์ ๊ด๋ฆฌ์๊ฐ ์ฌ์ฉํ๊ฑฐ๋ REST API๋ฅผ ํตํด ํ์ฌ ์๋น์ค์์ ์ฌ์ฉํ๋ ๋ฐ์ดํฐ๋ฅผ ํฌํจํฉ๋๋ค. ํญ๋ชฉ์ ๋ฉํ ๋ฐ์ดํฐ๋ฅผ ์ถ๊ฐํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ๋ค์ ํผ๋์ค๋ฌ์ ๋ณด์ผ ์ ์์ง๋ง์ด ์ค์ ์ ํด๋ผ์ด์ธํธ์ ์ํฌ ํ๋ก์ ํจ๊ป ์๋ํ๋๋ก ํน๋ณํ ์ค๊ณ๋์์ผ๋ฉฐ ๋ช ํํ ๋ถ๋ฆฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ์๊ฒฉํ ์ฝํ ์ธ ๋ชจ๋ธ์ ์ฌ์ฉํ์ฌ ์ฌ์ดํธ์ ํฅํ ๋ฒ์ ์ด ๊ฐ ์ ํ์ ์ฝํ ์ธ ๋ฅผ ๋ ๋ฆฝ์ ์ผ๋ก ์ฒ๋ฆฌ ํ ์ โโ์๋๋กํฉ๋๋ค.
์ด ์ฌ์ดํธ๋ฅผ ๊ตฌํ ๋ฒ ๋ฅด๊ทธ ํ์ค ๋ด์์ ์๋ํ๋๋ก ๋ฆฌํฉํ ๋งํ๋ ๋ฐ ์ค๋ ์๊ฐ์ด ๊ฑธ๋ฆฌ๊ณ ์๋นํ ๋ฆฌ์์ค๊ฐ ํ์ํ๋ฏ๋ก ๋ฉํ ๋ฐ์ค๊ฐ ์ด๋ฏธ ์กด์ฌํ๋ ๊ฒ๊ณผ ๊ฑฐ์ ์ผ์นํ๋ ๋ฐฉ์์ผ๋ก ์ฒ๋ฆฌ๋์ง ์๋ ํ์ด ์ฌ์ดํธ ์์ ์๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ ์ด์ ๋ฒ์ ์ WP๋ก ๋๋๋ ค ๊ณ์ ๋จธ๋ฌผ ๊ฒ์ ๋๋ค. ๊ฑฐ๊ธฐ์ ๋ฌด๊ธฐํ ์๊ฐ ๋์.
์ฐธ๊ณ ๋ก ์ด๊ฒ์ ๊ด๋ฒ์ ํด ๋ณด์ด์ง๋ง ๋ด๊ฐ ๋ง๋ ๊ฒ ์ค ๊ฐ์ฅ ๋ณต์กํ ๋ฉํ ๋ฐ์ค ์ค์ ๋ ๋ด๊ฐ ๋ณธ ๊ฒ ์ค ๊ฐ์ฅ ๋ณต์กํ ์ค์ ๋ ์๋๋๋ค. ์ด ์์ ๊ฐ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ ๋ฉํ ๋ฐ์ค๋ฅผ ํตํ ์ค์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก, ์ ์ ํ ์ฝํ ์ธ ๋ชจ๋ธ๋ง ๋ฐ ์ฝํ ์ธ ๋ธ๋กญ์ ๋์ด์ ๋ถ๋ฆฌ์ ๋ํ ํ์์ฑ์ ์ถฉ์กฑํ๊ธฐ ์ํด Gutenberg _must_๋ ์ฐ์ํ๊ณ ๊ธฐ๋ฅ์ ์ผ๋ก ์ฒ๋ฆฌํด์ผํฉ๋๋ค.
์ด ๊ฒฝ๋ก๋ฅผ ๊ฐ๋ฅํ ํ ์ํํ๊ฒ ์งํํ๋ ๊ฒ์ ์ ๋์ ์ผ๋ก ํ์ํฉ๋๋ค.
๋์ ํจ
์ด๋ก ์ธํด ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ณ ๊ด์ฐฎ์ต๋๋ค (์๋ ํ๋ ์ค์ ๋ชจ๋ ๋ฆด๋ฆฌ์ค์ ๋ํด ์ญ ํธํ์ฑ ์ค๋จ์ด ์์). ์ต์ํํ๊ณ ๋ฌธ์ํํ๊ณ ์ ๋ฌํด์ผํฉ๋๋ค.
๋์ ํจ
ํ๋ฌ๊ทธ์ธ์ DOM์ ๋ํ ์ ์ฒด ์ก์ธ์ค ๊ถํ์ ๊ฐ์ง๊ณ ์๊ธฐ ๋๋ฌธ์ ํธ์ง๊ธฐ์ ๋ํด ์ ํํ ์ต์ ์ ๊ด๊ณ์์ด ๊ธฐ์กด ์น ์ฌ์ดํธ์ 100 % ํธํ๋๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค. DOM์์ ์์ ํ๋ ๊ฒ์ ์ญ ํธํ์ฑ์ ๊นจ๋ ๊ฒ์ ๋๋ค.
๋์ํฉ๋๋ค. ์ฌ๊ธฐ์์ ๋น์ ๊ณผ ๋ฐ๋ํ๋ ์ฌ๋์ ์์ ๊ฒ ๊ฐ์ต๋๋ค. ํ์ง๋ง, ๋ฌด์์ด ๊นจ์ง๊ณ ์ธ์ ๊นจ ์ก๋์ง ๋ ผ์
์ด ๋ชจ๋ ๊ฒ์ด ์คํ์ด๋ผ๋ ๊ฒ์ _get_ํฉ๋๋ค. @kevinwhoffman ๋ ๋ง์ฐฌ๊ฐ์ง๋ผ๊ณ ์๊ฐํฉ๋๋ค. ๋๋์ด ๋ฌธ์ ๋ฅผ์ด ์คํ์ ๋ํ _ ํ๊ฐ _์ ๋ํด ์ ์๊ฐํ ๊ฒ์ผ๋ก ์๊ฐํ๋ฉฐ, ๊ทธ๋ ๊ฒ ๋ฐ์ ๋ค์ฌ์ผํฉ๋๋ค. ์ด ์คํ์ด ์ต์ข ์๋ฃจ์ ์ผ๋ก ์ถฉ๋ถํฉ๋๊น? ์๋์. ๋ค์ ์คํ์ ๋ฌด์์ ๋๊น?
๋ํ ๋ณํฉ ์ ์์ด ์๋ฆฌ๋ฅผ ์ก์ ๋๊น์ง ๊ธฐ์กด ์์ ์ ๊ตฌํ ๋ฒ ๋ฅด๊ทธ๋ก ๋ณํํ๋ ๊ฐ๋ฐ์๊ฐ ํฌ๊ฒ ์ฆ๊ฐํ์ง ์์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ด๊ธฐ ๋ฆด๋ฆฌ์ค์์ ๋ฌด์์ด ์ค๋จ๋๋์ง๋ ์ค์ํฉ๋๋ค.
tldr; ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ํ์์ด ์์๋ฉ๋๊น? ์! ๊ทธ๋ฌ๋ ์ฐ๋ฆฌ๋ ์ฌ์ ํ _ ๋ฌด์์ ๊นจ๋จ๋ฆฌ๋ ์ง, ๊ทธ๋ฆฌ๊ณ ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ฝ์ด์ ํฉ์ณ์ง _ ์ด๊ธฐ _ ๋ฐ๋ณต์์ ์ผ๋ง๋ ๋ฉ๋ฆฌ ๊ฐ๋์ง์ ๋ํด ์ ํํด์ผํฉ๋๋ค.
์, ์ฐ๋ฆฌ ๋ชจ๋๋ ํ ๋ฆด๋ฆฌ์ค์์ ๋ค์ ๋ฆด๋ฆฌ์ค๋ก ์ผ๋ถ๊ฐ ์ค๋จ ๋ ๊ฒ์ผ๋ก ์์ ํ ์์์๋งํผ WordPress ๊ฐ๋ฐ ์ฃผ์์์์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฒ์ด ๋ฐ๋ก ์ ์์ ์ ๋๋ค. ์ฐ๋ฆฌ๊ฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋ ๋ค๋ฅธ WordPress ์ ๋ฐ์ดํธ๋ก ์ ์ํ๋ ํ ๋ค๋ฅธ ์ ๋ฐ์ดํธ๋ณด๋ค ๋ ๋ง๊ฑฐ๋ ์ ์ ๊ฒ์ ์ค๋จํด์๋ ์๋ฉ๋๋ค. ์ฐ๋ฆฌ๊ฐ ๊ทธ ์ ๋ขฐ๋ฅผ ๊นจ๋ฉด ํธ์ง์๊ฐ ํ๋ฃจ๊ฐ ๋๋ ๋ ์ผ๋ง๋ ์ข์์ง๋ ์ค์ํ์ง ์์ต๋๋ค.
๋ค์์ ์ง๋ ๋ช ๋ฌ ๋์ ๊ฐ๋ฐํด์จ ํ๋ฌ๊ทธ์ธ์ ํ์ฌ ์คํฌ๋ฆฐ ์ท์ ๋๋ค. ์ด ์ํฉ์์ ๋น์ฃผ์ผ ํธ์ง๊ธฐ๋ ์๋ฌด๋ฐ ๊ฐ์น๊ฐ ์์ผ๋ฉฐ ์ฝํ ์ธ ์ ์๊ฐ์ ํธ์ง์ ์ํด ์ค๊ณ๋ ์ธํฐํ์ด์ค์ ํ์ํ ์ข ๋ฅ์ ์ธํฐํ์ด์ค๋ฅผ ํตํฉํ๋ ค๋ ๊ฒ์ ์๋ฏธ๊ฐ ์์ต๋๋ค.
๋ด ๋ชจ๋ ์์ ์ด ๋ค์ ๋ฒ์ ์์ ์ทจ์ ๋ ์ ์๋ค๋ ์ ์ ๊ฐ์ํ ๋ WordPress ์ฉ์ผ๋ก ๊ณ์ ๊ฐ๋ฐํด์ผํ ์ง ์ฌ๋ถ๋ฅผ ์ค์ ๋ก ์ฌ๊ฐํ๊ฒ ๊ณ ๋ คํ๊ณ ์์ต๋๋ค.
๋ณด์๋ค์ํผ ๋ฉํ ํ๋์ ๋ฏธ๋์ด ์ ๋ก๋์ ๋ํ ์ก์ธ์ค ๊ถํ์ด ํ์ํ๋ฉฐ ํ์ด์ง์ ๋๋ถ๋ถ์ iframe์ผ๋ก ๊ฐ๋ฑํ๋ฉด์ด ์ธํฐํ์ด์ค๊ฐ ๋งค์ฐ ์ด์ํด์ง๋๋ค.
WordPress์ ๊ตฌ์ถ ๋ ํ๋ฌ๊ทธ์ธ, ๋๊ตฌ ๋ฐ ์ฌ์ฉ์ ์ง์ ์ฌ์ดํธ์๋ ์ด์ ๊ฐ์ ์๋ฐฑ๋ง ๊ฐ์ ์ธํฐํ์ด์ค๊ฐ ์์ต๋๋ค. ๋ธ๋ก์ "์๋ก์ด ๋งค๋ ฅ"์ ์ฐฌ์ฑํ์ฌ ์ด๋ฌํ ์ฌ์ฉ์๋ฅผ ์ด๋ฑ ์๋ฏผ์ฒ๋ผ ๋ํ๋ ๊ฒ์ ์ฉ๋ฉ ํ ์ ์์ต๋๋ค. ๋ฉํ ๋ฐ์ค๋ ํธ์ง ํ์ด์ง์์ ํ์ฌ ์์ค์ ํตํฉ๊ณผ ๋์ ์ ๋๋๋ก ์ ์งํด์ผํฉ๋๋ค.
๋๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ํ Yoast์ ๊ฒฌํด๋ฅผ ๋งค์ฐ์ง์งํฉ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์ด "๋น์ฃผ์ผ ํธ์ง๊ธฐ ์ ๊ทธ๋ ์ด๋"๋ฅผ "์ ์ฒด ํธ์ง ํ ์ธํฐํ์ด์ค๋ฅผ ๋์ฒด"ํ๋ ๊ฒ์ผ๋ก ์ฌ ํด์ ํ ๋ฐฉ๋ฒ์ ๋ถ๋ช ํ์ง ์์ง๋ง, ์ด๋ฅธ๋ฐ "ํ ์ธ์ฐ์ค์ ๋ฐฐ"์๋ ์ง์ ์ ์ผ๋ก ์์ถฉ๋๋ ๊ฒ ๊ฐ์ต๋๋ค.
์ด ๊ฒฝ์ฐ ๊ธฐ์กด ํ์ค ์ํฌ ํ๋ก์ ๋ํ ๋ช ํํ ๋ฐฉํฅ๊ณผ ์ง์์ด ๋ถ์กฑํ์ฌ ํ์ฌ ๊ฐ๋ฐ์๊ฐ ์ ๊ทน์ ์ผ๋ก ํผํด๋ฅผ ์ ์ต๋๋ค. ์ ๋ขฐํ ์์๋ ํํฌ ๋ฐ ๋๊ตฌ ์ธํธ์์ด ์ด๋ป๊ฒ ํ๋ก์ ํธ ๊ตฌ์ถ์ ์งํํ ์ ์์ต๋๊น? ์ด๋ฌํ ๋๊ท๋ชจ ์ํํธ์จ์ด ํ๋ก์ ํธ๊ฐ ๋จ์ผ ์ ๋ฐ์ดํธ๋ก ๊ฐ๋ฐ์์ ํ์ค ์ํฌ ํ๋ก๋ฅผ ์์ ํ ๋ค์ง์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ ๊ฒ์ ๋น์์ฌ์ ์ ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ด๋ฌํ ๋ํ๊ฐ ์ฌํด ์ด์ ํฉ๋ณ ์น์ธ์๋ฐ๋ ๊ณํ ์ธ 11 ์์ ์ง๊ธ ๋ง ์ผ์ด๋๊ณ ์๋ค๋ ๊ฒ์ ๋ฏธ์น ์ง์ ๋๋ค.
@aaronjorbin ์ , https://make.wordpress.org/core/2017/10/24/whats-new-in-gutenberg-24th-october/ ์์์ ๊ฐ์ด ์ฌ๊ธฐ์ ํต์ ๋ฌธ์ ๊ฐ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
์ด ๋ฆด๋ฆฌ์ค์๋ ์ค๋ซ๋์ ๊ธฐ๋ค๋ ค์จ ๋ฉํ ๋ฐ์ค ์ง์์ด ํฌํจ๋์ด ์์ต๋๋ค (ํ ์คํธ ํ์!).
๊ทธ๊ฒ์ "์์ด๋์ด"๊ฐ ์๋๋ผ "์คํ"์ด ์๋๋ผ ๋ชจ๋ ์ํํธ์จ์ด์ ๋ง์ฐฌ๊ฐ์ง๋ก ์ฌ์ ํ ๋ฒ๊ทธ๋ฅผ ํฌํจ ํ ์์๋ ๊ฒ์ ๋๋ค. ๊ทธ ๊ฒ์๋ฌผ์์ "์คํ"์ด๋ผ๊ณ ๋ถ๋ ธ๋ค๋ฉด ํ ์คํธํ์ง ์์์ ๊ฒ์ ๋๋ค.
์ฃผ์ ๋ก ๋์๊ฐ์, ์ฌ๊ธฐ์ ์ฃผ์ ๋ฌธ์ ๋ ํ์ ์ ์ธ์ ํผํ๋ ค๋ ์๋๋ผ๋ ๊ฒ์ ์ ์ ์์ต๋๋ค. JS ํ๋ ์ ์ํฌ์ ๋ํ ๋์ ์ ํ๋ ์ดํด๋ก ๋ณผ ๋, ๊ทธ๋ค๊ณผ "๋ฐ ์์ "ํ๋ ๊ฒ์ ๋งค์ฐ ์ด๋ ต์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ผ๋จ ๋น์ ์ด ๋ฉ์ธ ํ๋ฉด ์ ์ด๊ฐ ๊ทธ๋ค๊ณผ ํจ๊ป ์ด๋ฃจ์ด ์ก๋ค๊ณ ๊ฒฐ์ ํ๋ฉด, ๋ชจ๋ ๊ฒ์ด ๊ทธ๋ค๊ณผ ํจ๊ป ์ด๋ฃจ์ด์ ธ์ผํฉ๋๋ค. ๊ตฌํ
๋ฒ ๋ฅดํฌ ํธ์ง ํ๋ฉด์์ ๋ฉํ ์์๋ฅผ ์ผ๋ฅ ์๋ฏผ์ผ๋ก ๋ง๋์ญ์์ค.
"๋ ๊ฑฐ์"ํ๋ฌ๊ทธ์ธ์ ์ ์ํ ๊ฐ๋ฅ์ฑ์ด ๋ฎ๊ธฐ ๋๋ฌธ์ ๊ตฌํ
๋ฒ ๋ฅดํฌ๊ฐ ๊ธฐ์กด ์ฌ์ดํธ์ ๋ํ ๋ช
์์ ์ธ ์ตํธ ์ธ ์ต์
์ด ํ์ํจ์ ์๋ฏธํฉ๋๋ค. ๋๋ UX ํฌํฌ์ ๋ํ ์์ด๋์ด๊ฐ ์ซ์ง๋ง ์ ์ด๋ ์ด๋ฐ ์์ผ๋ก ์๋ ํ ๋ฐฉ๋ฒ์ด์์ ๊ฒ์ด๊ณ ์ง๊ธ ์ ์ธ๋๋ค๋ฉด ์ฌ๋๋ค์ ์ค๋น ํ ์์์ ๊ฒ์
๋๋ค.
ํ ๋ก ์ ์ฝ๊ณ WordPress๋ก ๊ตฌ์ถ ํ ํ๋ก์ ํธ์ ์ฌ๋๋ค์ด WordPress๋กํ๋ ์ผ์ ๋ํด ์๊ฐํ ํ Gutenberg๊ฐ ์ฌ์ฉ์ ์ง์ ๊ฒ์๋ฌผ ์ ํ์ ์ ํํด์ผํ๋ค๋ ๊ฒฐ๋ก ์ ๋๋ฌํ์ต๋๋ค. ์ด๋ ๊ฒํ๋ฉด ๊ตฌ์กฐํ ๋ ๋ฐ์ดํฐ์ CPT๋ฅผ ์ฌ์ฉํ๋ ํ์ฌ ์น ์ฌ์ดํธ๊ฐ ๊ณ์ ์๋ํ๊ณ WordPress๊ฐ CMS๋ก ์ฌ์ฉ๋๋ ์๋ก์ด ์น ์ฌ์ดํธ๊ฐ ๊ตฌ์ถ ๋ ์ ์์ต๋๋ค. ๊ฒ์๋ฌผ ์ ํ์ ๋ฑ๋ก ํ ๋ ๋ค๋ฅธ ๊ธฐ๋ฅ๊ณผ ํจ๊ป ํธ์ง๊ธฐ ํ๋์ ๋ํ ์ง์์ ๋ช ์ ์ ์ผ๋ก ์ ์ธ ํ ์ ์์์ ์๊ธฐ์ํค๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ ๋ค๋ฉด ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ํ ๋ช ์์ ์ธ ์ง์์ ์ถ๊ฐํ์ง ์๋ ์ด์ ๋ ๋ฌด์์ ๋๊น? ๋ฌผ๋ก ์ด๊ฒ์ ๊ฒ์๋ฌผ๊ณผ ํ์ด์ง์ ์ถ๊ฐ ๋ ๋ฉํ ์์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ง ๋ชปํ์ง๋ง ํฅํ WordPress๋ฅผ CMS๋ก ์ฌ์ฉํ ์์๊ฒํฉ๋๋ค.
ํด๋น iframe์ ํ๋์ ์๋ก์ด ๋ฌธ์ ๋ฅผ ์ถ๊ฐ ํ ์ ์์ต๋๋ค. ์ฌ์ฉ์ ์ธ์ ์ด ๋๊ฐ๋ฉด WP ๋ก๊ทธ์ธ ํ๋ฉด์ด Gutenberg ์์ ํ์๋๊ณ iframe ๋ด๋ถ์ ๋ ๋ฒ ํ์๋ฉ๋๋ค.
๊ฐ๋ฐ์๊ฐ ์ธ์ ํ ์ ์๋๋กํฉ๋๋ค.
๋ ๋ง์ด ๋๋์ด ๋ชจ๋ ๊ฒ์ ๋ ๋ง์ด ๋ฐ๋ฅธ๋ค. ๊ฐ๋ฅํ ์ ์ผํ ๋ฐฉ๋ฒ์ ๋ง์ดํฌ๋ก ์ํํธ๊ฐํ๋ ๊ฒ๊ณผ ๊ฐ์ ๊ฒ์ด๋ผ๊ณ ํ์ ํ๋ค.
Windows XP = Gutenberg๊ฐ์๋ WordPress
Windows 10 = Gutenberg์ Wordpress.
์ด 2 ๊ฐ๋ ๋ค๋ฅธ ํจํค์ง์ ํผํฉ ๋ฐ ์ ๋ฐ์ดํธ ํ ์ ์์ต๋๋ค.
Joomla์ Drupal์ด ํด๋์ต๋๋ค. ์ ์๋ผ. ๋ด๊ฐ ์ ํธํ๋ ๊ฒ์ ์๋์ง๋ง ๋์์ ๋ฌด์์ ๋๊น?
ํ ๋ก ์ ์ฝ๊ณ WordPress๋ก ๊ตฌ์ถ ํ ํ๋ก์ ํธ์ ์ฌ๋๋ค์ด WordPress๋กํ๋ ์ผ์ ๋ํด ์๊ฐํ ํ Gutenberg๊ฐ ์ฌ์ฉ์ ์ง์ ๊ฒ์๋ฌผ ์ ํ์ ์ ํํด์ผํ๋ค๋ ๊ฒฐ๋ก ์ ๋๋ฌํ์ต๋๋ค.
๋ถํ ๊ด๋ฆฌ์๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ๋์ฌ ์์๋ ์ต์ ์ ๊ฒฐ๊ณผ ์ค ํ๋์ ๋๋ค. https://github.com/WordPress/gutenberg/issues/3330#issuecomment -341752490์ ์ด์ ๋ฅผ ์ค๋ช ํ์ต๋๋ค.
์ด ํ ๋ก ์ ์ ๋ง ์นดํ์นด ์์คํฌ๊ฐ๋๊ณ ์์ต๋๋ค. ์ผ๋ง๋ ๋ง์ ์ฌ๋๋ค์ด ํ์ฌ์ ๊ณ ์ถฉ ์ ์ ๋ํ ์ค์ฉ์ ์ธ ํด๊ฒฐ์ ์ ์ํ๋๋ผ๋ ๋นํ์ ์์ ํ ์ํฅ์๋ฐ์ง ์๋ ํต์ฌ์ ์ธ ์ฌ๋๋ค์ด ๋ช ๋ช ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ถํํ๋์ด ์ฌ๋๋ค์ด ์ต์ข ๋ฐ์ธ๊ถ์ ๊ฐ์ง ์ฌ๋๋ค์ ๋๋ค. ์ง๊ธ๊น์ง ํ ๋ก ์์ ๋ช ๋ช ์ ํต์ฌ ์ฌ๋๋ค์ด ์๋ฐฑ ๋ช ์ ๊ฐ๋ฐ์๋ฅผ ๊ฑฑ์ ํ ์ ์์์ ๋ณด์ฌ์คฌ ๊ธฐ ๋๋ฌธ์ ๋๋ค. WordPress ์ํ๊ณ์ ๋ฏธ์น๋ ๋ชจ๋ ํผํด์ ๋ํด ๊ฑฑ์ ํฉ๋๋ค. ํธ์ง ํ๋ฉด์ด ์๋ Gutenberg๋ฅผ ํธ์ง์๋ก ๋ง๋์ญ์์ค. WordPress๋ฅผ ๊นจ์ง ๋ง์ญ์์ค.
Kevin Hoffman :
์ ๋ Yoast๊ฐ ์ ์ ํ์ด ๊ฐ๋ ์ ๋งค์ฐ ๋์ํฉ๋๋ค.์ด ๊ฐ๋ ์ ์๋ํฐ ๊ตฌ์ฑ ์์์ ์ง์คํ๊ธฐ ์ํด ํ๋ก์ ํธ์ ๋ฒ์๋ฅผ ์ถ์ํ๋ฉด์ ์ด๋ฏธ ์ํ ๋ ์์ ์ ๋๋ถ๋ถ์ ์ ์งํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ ๋๋ค. ์ถ์ฒ : https://yoast.com/gutenberg-alternative-approach/
Yoast๊ฐ ์ ์ํ ๊ฒฝ๋ก๋ WordPress Core์ ํฐ ๊ฐ์ ์ด ๋ ๊ฒ์ด๋ผ๊ณ ๋ฏฟ์ต๋๋ค. ๋ง์ ์ฌ์ฉ์๊ฐ ํ์ฌ๋ณด๋ค ๊ฐ์ ์ฌํญ์ผ๋ก ์์ฉ ํ ์ฝํ ์ธ ๋ฅผ ๋ง๋๋ ์๋ก์ด ํธ์ง๊ธฐ. WordPress์ ๋ํ ์์ ๋จ๊ณ์ด์ง๋ง ์ฌ์ฉ์์๊ฒ๋ ํฐ ๊ฐ์ ์ ๋๋ค.
์ด๊ฒ์ ๋จ๊ฑฐ์ด ์ฃผ์ ์ ๋๋ค. ๋๋ ๋๋๋ก ์ฐ๋ฆฌ (์ ์ด๋ ๋๋)๊ฐ ๋ด ์๊ฒฌ์ ๋ฌด์ํ ์ ์์์ ์ธ์ ํ๊ณ ์ด์ ๋ํด ์ฌ๊ณผํฉ๋๋ค. ์ฐ๋ฆฌ๋ ์ข์, ๋์, ๊ฐ๊ด์ , ์ธ๋ชจ์๋ ํผ๋๋ฐฑ์ ๋ง์ด ๋ฐ๊ณ ์์ผ๋ฉฐ ๋๋ก๋ ๊ทธ๋ค์ ๊ตฌ๋ณํ๊ธฐ๊ฐ ์ด๋ ต์ต๋๋ค. ์ฐ๋ฆฌ๋ ์ธ๊ฐ์ ๋๋ค. ๋ฐฉ์ ์์ ๋ฐ๋ํธ์ ์์ ์ด๊ฒ์ ๋ง๋ค๊ณ ์ด ๋ชจ๋ ํผ๋๋ฐฑ์๋ฐ๋ ์ฌ๋์ด ๋์ญ์์ค. IT๋ "๊ฐ์ธ์ ๊ณต๊ฒฉ"์ ๊ฐ๊น๋ค๊ณ ๋๋ ์ ์์ง๋ง ๋๋ ๋ฌด์ํ๋ ๋ฐฉ์์ผ๋ก ๋ฐ์ํ๋ ๊ฒฝํฅ์ด ์์ต๋๋ค.
๋๊ธ์ ๋ฌ๊ณ ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ์ ์ฝ๋ ์ฌ๋๋ค์ ์ข ์ข ์ฐ๋ฆฌ๊ฐ ๋ฉํ ๋ฐ์ค ๋ฌธ์ ์ ๊ด๋ จ๋ ๋ชจ๋ ๊ฒ์ ๋ฐ๊ฒฌํ๊ณ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ์ง ์์๋ค. ์ฐ๋ฆฌ๋ ์ง๊ธ 1 ๋ ๋์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ์ผํ๊ณ ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋ฐฉ๊ธ ๋ฐ๊ฒฌ / ์๋ํ์ง๋ง ๊ทธ๋ ์ง ์์ ์๋ ์์ต๋๋ค. ๋๋ถ๋ถ์ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ ๋ฌธ์ ์ ์ต์ํด ์ง๋๋ก ์ถฉ๋ถํ ์๊ฐ ๋์ ์์ ํ๊ณ ์์ผ๋ฉฐ ๋๋ถ๋ถ์ ๋ํ ๋ต๋ณ์ ์ ๊ณตํฉ๋๋ค.
๋ง์์ ์ด๊ณ ๋ช ๊ฐ์ง ์ง๋ฌธ์ ๋ตํ๋ ๊ฒ์ผ๋ก ์์ํ๊ฒ ์ต๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ชฉํ๋ ๋ฌด์์ ๋๊น?
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ฃผ์ ๋ชฉํ๋ ์๋ ํ๋ ์ค ์ฝ์ด์ ๋ฏธ๋๋ก๊ฐ๋ ๊ธธ์ ๋ฆ๋ ๊ฒ์ด ์๋๋๋ค. ๊ธฐ์ ์ ์ผ๋ก๋ REST API, ํด๋ผ์ด์ธํธ ์ธก UI๋ฅผ ํ์ฉํ๊ณ ํต์ฌ ๊ฐ๋ (์์ ฏ, ๋จ์ถ ์ฝ๋, ๋ธ๋ก, ์ฝํ ์ธ ๋ฉํ ๋ฐ์ค)์ ๊ณ ์ ํ ๊ฐ๋ "๋ธ๋ก"์๋์ ํตํฉํ๊ณ ๋ค์ ์ง๋ฌธ์ ๋ตํ์ฌ ํ๋ช ํ ๊ฒฝํ์ ํ ์ ์์ต๋๋ค. ์น ์ฌ์ดํธ ๊ตฌ์ถ์ ๋จ์ํ ํ ์์๋ ๋ฐฉ๋ฒ (์ฌ์ฉ์ ์ง์ ๊ณ ๋ ค) ์๋ ํ๋ ์ค์์ ์ฝํ ์ธ (ํธ์ง๊ธฐ)๋ฅผ ๊ฒ์ํฉ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ ํธ์ง์์ ๋ชฉํ๋ ๋ฌด์์ ๋๊น?
์ฌ๊ธฐ์ ๊ธฐ์ ์ฝ๋ ๊ฒ๊ณผ ๋ฌ๋ฆฌ ์ด์ ์ ํญ์ ์ ์ฒด ํ์ด์ง๋ฅผ ์ฌ ์ค๊ณํ๋ ๊ฒ์ด ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ ํธ์ง์ ํ์ด์ง์ ์ฒซ ๋ฒ์งธ ๋ชจํ์ ๋งค์ฃผ ๋ ๋ฒ์งธ ๋๋ ์ธ ๋ฒ์งธ ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์์์ ํ์๋์์ต๋๋ค. ์ฐ๋ฆฌ๋ ์์ง ํ๋กํ ํ์ดํ ๋จ๊ณ์์์์ต๋๋ค. ์ฒซ ์ํ๋ณด๋ค ๋ช ๋ฌ ์ . ๋์์ธ์ ์ง๊ธ ์ฐ๋ฆฌ๊ฐ ๊ฐ์ง ๊ฒ๊ณผ ๋น์ทํ์ต๋๋ค.
Metabox๋ ์ด๋ป์ต๋๊น? WordPress์ ์ค์ํฉ๋๊น?
๊ทธ๋ค์. Shortcodes, Custom TinyMCE Buttons์ ๋ง์ฐฌ๊ฐ์ง๋ก WordPress์ ํธ์ง๊ธฐ ํ์ด์ง๋ฅผ ํ์ฅํ๊ธฐ ์ํด ๋ง์ด ์ฌ์ฉ๋๊ณ ๋จ์ฉ๋ฉ๋๋ค.
Shortcodes, TinyMCE Buttons ๋ฐ Metaboxes์ ์ฐจ์ด์ ์ ๋ฌด์์ ๋๊น?
๊ฐ์ฅ ํฐ ์ฐจ์ด์ ์โMetaboxesโ์๋โ๋ชฉ์ โ์ด ์๋ค๋ ๊ฒ์ ๋๋ค. Shortcodes ๋ฐ TinyMCE ๋ฒํผ์๋ ์ผ๊ด์ฑ์์ด ํธ์ง๊ธฐ ํ์ด์ง๋ฅผ ํ์ฅํ๋ ๋ฐฉ๋ฒ ์ผ๋ฟ์ ๋๋ค.
๋จ์ถ ์ฝ๋๋ ๋ ๋๋ง ๋จ๊ณ์์ ์ฝํ ์ธ ๋ก ๋ณํ ๋ ๋ฌธ์์ด์ด๊ณ , TinyMCE ๋ฒํผ์ TinyMCE ๋๊ตฌ ๋ชจ์์ ์ถ๊ฐ ๋ ์ฌ์ฉ์ ์ง์ ๋ฒํผ์ด๋ฉฐ TinyMCE API๋ฅผ ์ฌ์ฉํ์ฌ ํธ์ง๊ธฐ์ ์ฝํ ์ธ ์ ํต์ ํฉ๋๋ค. ๋ฉํ ๋ฐ์ค? ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ๊ทธ๊ฒ๋ค์ ๋ฌด์์ด๋ ๋ ์ ์์ต๋๋ค. HTML, ์๋ฐ ์คํฌ๋ฆฝํธ ๋ฐ PHP๋ฅผ ์ถ๊ฐํ์ฌ ํธ์ง๊ธฐ ํ์ด์ง๋ฅผ ํ์ฅํ๊ณ ์ ์ฅ์ ์๋ํ๋ ๋ฐฉ์์ ์ถ๊ฐํฉ๋๋ค.
์ดโ๋ชฉ์ โ์ ๋ถ์กฑ์ด ๋ฌธ์ ์ ๋๊น, ์๋๋ฉด ์ด์ ์ ๋๊น?
์! ํ๋ฌ๊ทธ์ธ์ ๋ค์๊ณผ ๊ฐ์ ๊ฒ์ ํฌํจํ์ฌ ์๋ํฐ๋ก ์ํ๋ ๋ชจ๋ ๊ฒ์ ํ ์ ์๊ธฐ ๋๋ฌธ์ "ํ๋ก"๋ก ๋ณผ ์ ์์ต๋๋ค.
์ ์ฐํ ๊ถ๋ฆฌ! ๊ทธ๋ฌ๋ WordPress ์
๋ฐ์ดํธ๋ ์ด๋ป์ต๋๊น? ํธ์ง์ ํ๋ฉด์ ๋ํ ๋ชจ๋ ์
๋ฐ์ดํธ. ๋ชจ๋ TinyMCE ์
๋ฐ์ดํธ, ๋ชจ๋ ํด๋์ค ๋ณ๊ฒฝ, ๋ชจ๋ ์๋ก์ด div
, ๋ชจ๋ ๋ฒํผ ์ ๊ฑฐ / ์ด๋, ๋ชจ๋ ๋ณ๊ฒฝ ์ฌํญ์ ํ๋ฌ๊ทธ์ธ๊ณผ์ ํธํ์ฑ์ ๊นจ๊ณ ์์ต๋๋ค. Core WordPress ๊ฐ๋ฐ์๋ Metabox๋ฅผ ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ์ด ๋ฌด์์ธ์ง ์ ์ ์๊ธฐ ๋๋ฌธ์
๋๋ค.
WordPress์ ์ฅ๊ธฐ์ ์ธ ๊ด์ ์์ Metaboxes๊ฐ (๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๊ด๊ณ์์ด) ์งํ๋ฅผ ์ ๊ทธ๊ณ ์๋ค๊ณ ๊ฒฐ๋ก ์ ๋ด๋ฆด ์ ์์ต๋๊น?
๋ค, ๊ทธ๋ ์ต๋๋ค. ์ธํฐ๋ท ์ญ์ฌ๋ ์งํํ์ง ์๋ ๊ธฐ์ ์ด ์ฃฝ์ ์ ๋๋ก ์ฌ๋ฌ ๋ฒ ์ฆ๋ช ๋์์ต๋๋ค. (์ด ๋ต๋ณ์ด ๋ง์์ ๋ค์ง ์์ผ๋ฉด ์๊ฒฌ์ด ์๋๋ผ ์ฌ์ค์ ๋๋ค)
์ข์์,ํ์ง๋ง ์ฐ๋ฆฌ๊ฐ Metaboxes์ ๊ฐํ ์๋ค๋ฉด ์ด๋ป๊ฒ ์๋ ํ๋ ์ค๋ฅผ ๋ฐ์ ์ํฌ ์ ์์๊น์?
์ข์ ์ง๋ฌธ์ ๋๋ค. ๋ต๋ณํ๊ธฐ ์ ์ WordPress ํ๋ฌ๊ทธ์ธ์์ ํ์ฌ ๋ฉํ ๋ฐ์ค ์ฌ์ฉ์ ์ดํดํด์ผํฉ๋๋ค.
ํ์ฌ ํ๋ฌ๊ทธ์ธ์ Metabox๋ฅผ ์ด๋ค ์ฉ๋๋ก ์ฌ์ฉํฉ๋๊น?
"Metaboxes"ํ๋ฌ๊ทธ์ธ์๋ ๋ ๊ฐ์ง ๋ฒ์ฃผ๊ฐ ์์ต๋๋ค.
์ข์, ์ด๊ฒ์ ์๋ฉด ์ด๋ป๊ฒ ์์ผ๋ก ๋์๊ฐ ์ ์์ต๋๊น?
์ธ ๊ฐ์ง๊ฐ ํ์ํฉ๋๋ค.
์ข์ต๋๋ค.ํ์ง๋ง ์๋ํฐ ํ์ด์ง๋ฅผ ๋ณ๊ฒฝํ๋ฉด ํ๋ฌ๊ทธ์ธ์ด ๊นจ์ง ๊ฒ์ด๋ผ๊ณ ๋งํ์ง ์์์ต๋๊น (์ฝํ ์ธ ์์ญ ๋ง ๊ต์ฒดํ๋ ๊ฒ์ ํฌํจํ์ฌ)?
๊ถ๋ฆฌ! ๋ฐ๋ผ์ ํ๋ฌ๊ทธ์ธ์ ์ค๋จํ์ง ์์ผ๋ ค๋ ๊ฒฝ์ฐ ๊ณ ์ ํ ์ต์ ์ด ๋จ์ต๋๋ค. ๋ณ๊ฒฝ์์ด ํ์ฌ ํธ์ง ํ์ด์ง๋ฅผ ์ ์งํ ์์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. ์ด๊ฒ์ด ๋ฐ๋ก Gutenberg๋ฅผ ๋นํ์ฑํํ๋ ํ๋ฌ๊ทธ์ธ์ ๋ชฉ์ ์ ๋๋ค.
๊ฐ์ธ์ ์ผ๋ก ์ข์ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก๋ผ๊ณ ๋ถ๋ฅด์ง ์์ ๊ฒ์ ๋๋ค. ์ ๊ทธ๋ ์ด๋๋ ์๋๋๋ค. ๋ ์ข์ ๊ฒ์ด ์์ต๋๊น?
์ด ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก (๊ตฌํ ๋ฒ ๋ฅดํฌ ๋นํ์ฑํ)๋ ํ์์ด์ง๋ง ๋ ์ํ ์ ์์ต๋๋ค. ๋ฉํ ๋ฐ์ค๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฌ๊ทธ์ธ์ ์ดํด๋ณด๋ฉด 90 %๊ฐ ์ฝํ ์ธ ์์ญ๊ณผ ์ํธ ์์ฉํ์ง ์์ผ๋ฏ๋ก ์ฝํ ์ธ ์์ญ ๋ง ๊ต์ฒดํ๋ฉด (์์คํธ ์ ๊ทผ ๋ฐฉ์) ํ๋ฌ๊ทธ์ธ์ 10 % ๋ง ์ค๋จ๋ฉ๋๋ค.
๋ฐ๋ผ์ ํ์๋์ง ์๋ ์ ์ผํ ๋ฐฉ๋ฒ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋นํ์ฑํํ๋ ๊ฒ์ ๋๋ค.
์ต์ ์ Gutenberg User Experience๋ ๋ฉํ ๋ฐ์ค ํ๋ฌ๊ทธ์ธ์ ์๋ก์ด Gutenberg Extensibility API๋ก ๋์ผํ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ํ๋ฌ๊ทธ์ธ์ผ๋ก ๋์ฒดํ๋ ๊ฒ์ผ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค.
์ฆ, Metabox๋ฅผ ์ฌ์ฉํ๋ ๋๋ถ๋ถ์ ํ๋ฌ๊ทธ์ธ์ ๋ฉํ ๋ฐ์ค๋ฅผ ๊ฒ์ํ๊ธฐ ์ํด ์ ์ฅ๋๋ ์ฝํ ์ธ ๋ก ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ ํ๋ฌ๊ทธ์ธ ์์ฑ์๊ฐ ํ๋ฌ๊ทธ์ธ์ ์ ๊ทธ๋ ์ด๋ํ๋ ๋์ ์ ์ฒด ๊ฒฝํ์ ์ฆ๊ธธ ์ ์๋๋ก Gutenberg ํ๋ฉด์์ ์์ ํ ์ ์์ต๋๋ค.
์ด๊ฒ์ด ๋ชจ๋๊ฐ ๋งํ๋ iframe ์๋ฃจ์ ์ ๋๊น?
๋ค, ๊ทธ๋ ์ต๋๋ค. ์ฐ๋ฆฌ๋ ๋จ์ (๋งํฌ, ๋ชจ๋ฌ, ์์ฐ ์ฌ๋ก๋)์ด ์์ง๋ง ๋์์ ์ ์ฒด Gutenberg Experience๋ฅผ ์ฆ๊ธฐ๋ฉด์ ํ๋ฌ๊ทธ์ธ์ 80 %๊ฐ ์๋ ํ ์์๋ iframe์ ๋ฉํ ์์๋ฅผ ๋ณด์ฌ์ค๋๋ค. ์ด ์๋ฃจ์ ์ ๋ฐฉ๊ธ ๋์ฐฉํ์ผ๋ฉฐ ์์ง ์คํ ์ค์ ๋๋ค. ํ์คํ ๊ฒ์ ๋ชจ๋ ๋ฉํ ๋ฐ์ค๋ฅผ ์๋์ํค๊ณ ํธ์ง๊ธฐ๋ฅผ ๋ณ๊ฒฝํ ์์๋ ๋ฐฉ๋ฒ์ด ์๋ค๋ ๊ฒ์ ๋๋ค.
์ ๊ทธ๋ ์ด๋ ๊ฐ๋ฅ์ฑ์ ์์ฝ ํด ์ฃผ์๊ฒ ์ต๋๊น?
ํ์คํ.
1- ๊ตฌํ
๋ฒ ๋ฅดํฌ ๋นํ์ฑํ : ํ๋ฌ๊ทธ์ธ์ 100 % ์ค๋จํ์ง ๋ง์ญ์์ค.
2- ๊ตฌํ
๋ฒ ๋ฅดํฌ๊ฐ ์ฝํ
์ธ ์์ญ ๋ง ๋์ฒด : ํ๋ฌ๊ทธ์ธ์ 90 %๊ฐ ์๋ํ๊ณ UX๊ฐ ์ด๋ ค์
3- Gutenberg๊ฐ ์ ์ฒด ํ๋ฉด์ ๋์ฒดํฉ๋๋ค. ํ๋ฌ๊ทธ์ธ์ 80 %๊ฐ ์๋ํ๊ณ UX๊ฐ ๋ ์ข์ต๋๋ค.
4- ํธํ ๊ฐ๋ฅํ ํ๋ฌ๊ทธ์ธ์ด์๋ ๊ตฌํ
๋ฒ ๋ฅดํฌ : ์ต์์ UX
๊ทธ๋์ ์ฐ๋ฆฌ๋ ๋ฌด์์ํด์ผํฉ๋๊น?
์ฐ๋ฆฌ์ ๋ชฉํ๋ WordPress์ ๋ฏธ๋๋ฅผ์ํ ์ต์์ ์ต์ ์ด๊ธฐ ๋๋ฌธ์ 4 ๋ฒ์งธ ์ต์ ์ ๊ตฌ์ถํ๋ ๊ฒ์ ๋๋ค. ๋ํ ์ฐ๋ฆฌ์ ๋ชฉํ๋ ํ์ํ ๊ฒฝ์ฐ ๋ ๋ฒ์งธ ๋ฐ ์ธ ๋ฒ์งธ ์ต์ ์ ๋ฌ์ฑํ๊ธฐ ์ํด ์กฐ๊ฐ์ ์ฌ์ฌ์ฉ ํ ์์๋ ๋ฐฉ์์ผ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋ง๋๋ ๊ฒ์ ๋๋ค.
๋ค๋ฅธ ์ต์ ๋ณด๋ค ์ต์ ์ ์ ํํ๋ ค๋ฉด ์ด๋ป๊ฒํด์ผํฉ๋๊น?
์ด๊ฒ์ ์์ง ๊ฒฐ์ ๋์ง ์์์ต๋๋ค. ์ํ๋ ์ ๊ทธ๋ ์ด๋ ๊ฒฝ๋ก๋ฅผ ์ ํํ ์์๋ ํ๋ฌ๊ทธ์ธ์ด์์ ์ ์์ต๋๋ค. ์ผ๋ถ Metabox๋ฅผ ๊ฐ์งํ์ฌ ์๋์ผ๋ก ๋ค์ด ๊ทธ๋ ์ด๋ํ๋ ๊ฒ์ ์ต์ ์ ๋๋ค.
์ด๊ฒ์ด ๋ฐ๋ก ์ด๋ฌํ ๋ฌธ์ ์ ์์ธ์ ์ค๋ช ํ๋ ๊ฒ์ ๋๋ค. "์ด๋ฆฌ ์์", "์ ๊ด๋ฆฌ๋์ง ์์", "๋ถ์์ ํ ๊ตฌํ"๊ณผ ๊ฐ์ ๋จ์ด๋ก ๋๋ตํ๊ณ ์ถ๋ค๋ฉด ์ ๋ฐ ... ์ ์ ์ธ๋ด์ฌ์ 1 ๋ ๋ด๋ด WordPress ์ ์ฒด (์ฝ์ด ๋ฐ ์ปค๋ฎค๋ํฐ)๋ฅผ์ํ ์ต์ ์ ๋ฐฉ๋ฒ์ ํ๊ณ์ ๊ฐ๊น์ต๋๋ค. ๊ฐ์ธ์ ์ผ๋ก์ด ๋ฌธ์ ์ ๋ํด ๋ ์ด์ ๋ต๋ณํ์ง ์์ ์๋ ์์ง๋ง ํผ๋๋ฐฑ์ ๊ท๋ฅผ ๊ธฐ์ธ์ด๊ณ ์์ผ๋ฉฐ ํผ๋๋ฐฑ์ ํ์ ์ด ๋ค๋ฉด ์ถ๋ก ์ ์กฐ์ ํ ๊ฒ์ ๋๋ค.
์ฐ๋ฆฌ๋ ๋ชจ๋ ๊ฐ์ ๋ฐฐ๋ฅผ ํ๊ณ ์์ผ๋ฉฐ WordPress์ ์ต๊ณ ๋ฅผ ์ํฉ๋๋ค.
๋งค์ฐ ์ฒ ์ ํ ์ค๋ช , Riad. ์๊ฐ์ ๋ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๐ช๊ณผ ๐ค์ผ๋ก ๊ทธ ํ๊ณ๋ฅผ ๋ฒ์ด๋๋๋ก ๋์ ๋๋ฆฌ๊ฒ ์ต๋๋ค. ๋์์ด ๋์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
๋ฉํ ๋ฐ์ค์ ๊ด๋ จํ์ฌ ํ์๋ Fields API๋ฅผ ์ฝ์ด์ ํฌํจํ๊ณ ์ถ์ดํฉ๋๋ค. ์๊ฐ์ด ์ง๋๋ฉด ์์ง๋๋ ์ฌ์ฉ์ ์ง์ ๋ฉํ ๋ฐ์ค ์๋ฃจ์ ์ด ์๋ง์ด๋๋ ๋ชจ๋ ๊ฒ์ ์์ ๊ธฐ ์ํด ํ๋ฌ๊ทธ์ธ์ ๋ค์ ์์ฑํ ๊ฒ์ ๋๋ค.
์ด์ ๋ณต์กํ ๋ฉํ ๋ฐ์ค ์ค์ ์ ๊ฐ์ง ์ฌ๋๋ค์ ์ํด Fields API๋ ACF ๋๋ CMB์ ๊ฐ์ ํ๋ ์ ์ํฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ตฌ์ถ ํ ํ ๊ทธ๋ค์ ๊ตฌ์์ ๋๋ค. ์ด๋ฌํ ํ๋ ์ ์ํฌ์ ๊ฐ๋ฐ์๋ ์ API๋ก ์ ํํ๊ธฐ ๋งํ๋ฉด๋ฉ๋๋ค. ์ฌ์ด ์ผ์ ์๋์ง๋ง ๋ชจ๋์๊ฒ ์ข์ต๋๋ค. ์ด์ "ํ๋ ์ฝ๋ฉ ๋"๋ฌผ๊ฑด์ด์๋ ์ฌ๋๋ค์ ์ํด ์ด์ ๋ ๋ ๊นจ๋ํ๊ณ ๋ฏธ๋๋ฅผ ๋๋น ํ ๋ฐฉ์์ผ๋ก ๋ฌผ๊ฑด์ ์ฌ๊ตฌ์ฑํ๋ ๊ฒ์ด ๊ทธ ์ด๋ ๋๋ณด ๋ค ์ข์ ๋์ ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ ์ฌ๋ถ์ ๊ด๊ณ์์ด ๋ ๋์ ๋ชธ๋งค์ ๋๋ค.
์ฐ๋ฆฌ๋ ์ธ๊ฐ์ ๋๋ค. ๋ฐฉ์ ์์ ๋ฐ๋ํธ์ ์์ ์ด๊ฒ์ ๋ง๋ค๊ณ ์ด ๋ชจ๋ ํผ๋๋ฐฑ์๋ฐ๋ ์ฌ๋์ด ๋์ญ์์ค. IT๋ "๊ฐ์ธ์ ๊ณต๊ฒฉ"์ ๊ฐ๊น๋ค๊ณ ๋๋ ์ ์์ง๋ง ๋๋ ๋ฌด์ํ๋ ๋ฐฉ์์ผ๋ก ๋ฐ์ํ๋ ๊ฒฝํฅ์ด ์์ต๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ๋งค์ฐ ์ด์ฌํ ์ผํ๋ ์ฌ๋๋ค์ด ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํฅ์๋ฐ๋ ์๊ณ (ํ ๋ง ๋ฐ ํ๋ฌ๊ทธ์ธ)๋ฅผ ๊ฐ์ง ์ธ๊ฐ์ด ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํฅ์๋ฐ์ ํ ๋ง์ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ฌ ์์ ์ ์์ ์ ์ํํ๋ ์ธ๊ฐ์ด ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ๋ชจ๋ ์๋ก๋ฅผ ์ฐพ๊ณ ์์ผ๋ฉฐ ํ๋ฃจ๊ฐ ๋๋๋ฉด WordPress์ ๊ฐ์ฅ ์ ํฉํ ๊ฒ์ ์ํฉ๋๋ค. ์ฐ๋ฆฌ๋ "์ต๊ณ "๊ฐ ๋ฌด์์ ์๋ฏธํ๋์ง์ ๋ํด ์ด์ ์ ์ผ๋ก ๋์ํ์ง ์์ ์ ์์ต๋๋ค.
์ฌ๊ธฐ์ ๊ธฐ์ ์ฝ์ ๊ฒ๊ณผ ๋ฌ๋ฆฌ ์ด์ ์ ํญ์ ์ ์ฒด ํ์ด์ง๋ฅผ ์ฌ ์ค๊ณํ๋ ๊ฒ์ด ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ ํธ์ง์ ํ์ด์ง์ ์ฒซ ๋ฒ์งธ ๋ชจํ์ ๋งค์ฃผ ๋ ๋ฒ์งธ ๋๋ ์ธ ๋ฒ์งธ ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์์์ ํ์๋์์ต๋๋ค.
Mockup๋ง์ผ๋ก๋ ์ ์ฒด ํธ์ง ํ์ด์ง์ ์ฝ๋ ๊ธฐ๋ฐ์ด React์์ ๋ค์ ์์ฑ ๋ ๊ฒ์ด๋ผ๋ ์ ํธ๋ฅผ ๋ณด๋ด์ง ์์์ต๋๋ค. ์ค์ํ ํํฌ๊ฐ ์ ๊ฑฐ๋๊ฑฐ๋ ๋ฉํ ์์๊ฐ ์์ ๋ ๊ฒ์ด๋ผ๋ ๋ชจํ์ ๋ณด๋ ์ฌ๋์ ์๋ฌด๋ ๋ชจ๋ฆ
๋๋ค. ๊ทธ๋ฌ๋ ์ ์ฒด ํ์ด์ง๋ฅผ ์ฐจ์งํ๋ ๊ฒ์ด ๋ฉํ ๋ฐ์ค์ ๋ฌธ์ ๊ฐ ๋ ๊ฒ์ด๋ผ๋ ๊ฒ์ด ๋ถ๋ช
ํด ์ก์ ๋, ๋๋ 0.1.0
์ด ์ถ์๋๊ธฐ ์ ๋ ์ธ 6 ์ 15 ์ผ์ ๊ทธ ์ฐ๋ ค
๋๋ ์ํ ์ด์ ๋จ๊ณ๋ถํฐ Gutenberg๋ฅผ ๋ฉด๋ฐํ ๋ฐ๋ฅด๊ณ ํ ์คํธ ํ ๊ฒฝํ์ ๋ฐํ์ผ๋ก์ด ๋ฌธ์ ๋ฅผ ๋ง๋ค์์ต๋๋ค. ์ด๊ฒ์ ์งํ์ค์ธ ๋ฉํ ๋ฐ์ค ์ฑ๋ฆฐ์ง์ ๊ด๋ จ๋ ์ต์ ๋ฌธ์ ์ผ ๋ฟ์ด์ง ๋ง, ์ค์ํ ๊ฒ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ ๋ฐ์ค ๊ตฌํ์ ๋ํ ๊ตฌ์ฒด์ ์ธ ํ ์คํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ์ฒซ ๋ฒ์งธ ๋ฌธ์ ์ ๋๋ค.
๊ฐ์ฅ ํฐ ์ฐจ์ด์ ์โMetaboxesโ์๋โ๋ชฉ์ โ์ด ์๋ค๋ ๊ฒ์ ๋๋ค. Shortcodes ๋ฐ TinyMCE ๋ฒํผ์๋ ์ผ๊ด์ฑ์์ด ํธ์ง๊ธฐ ํ์ด์ง๋ฅผ ํ์ฅํ๋ ๋ฐฉ๋ฒ ์ผ๋ฟ์ ๋๋ค.
์ด๊ฒ์ ํ๋ฌ๊ทธ์ธ ๋ฐ ํ ๋ง ๊ฐ๋ฐ์๊ฐ ๋ฉํ ์์๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ทผ๋ณธ์ ์ธ ์คํด๋ฅผ ๋ค์ ๋ํ๋ ๋๋ค. ๋จ์ถ ์ฝ๋์ TinyMCE ๋ฒํผ์ ์ค์ ๋ก ์ฝํ ์ธ ํธ์ง๊ธฐ ๋ด์์ ์ฌ์ฉ๋๊ธฐ ๋๋ฌธ์ ์กฐ์ ์ด ํ์ํฉ๋๋ค. ๋ฉํ ์์๋ ์์ต๋๋ค.
์ฌ์ฉ์ ์ง์ WordPress ๊ฐ๋ฐ์ ๊ธฐ๋ณธ ๊ตฌ์ฑ ์์ ์ธ ๋ฉํ ์์๊ฐ ๋ค์ ์๋ฏธ๊ฐ ์๋ค๊ณ ์ ์ํ๋ฉด ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ํ๋ฌ๊ทธ์ธ ๋ฐ ํ ๋ง ๊ฐ๋ฐ์๋ฅผ ํฌ์ํ์ฌ "์ ์ค์น"์ ํต์ฌ ๊ฒฝํ์ ์ฐ์ ์ํ๊ณ ์์์ ์ปค๋ฎค๋ํฐ์ ์๋ฆฝ๋๋ค.
ํธ์ง์ ํ๋ฉด์ ๋ํ ๋ชจ๋ ์ ๋ฐ์ดํธ. ๋ชจ๋ TinyMCE ์ ๋ฐ์ดํธ, ๋ชจ๋ ํด๋์ค ๋ณ๊ฒฝ, ์ div, ๋ชจ๋ ๋ฒํผ ์ ๊ฑฐ / ์ด๋, ๋ชจ๋ ๋ณ๊ฒฝ ์ฌํญ์ ํ๋ฌ๊ทธ์ธ๊ณผ์ ํธํ์ฑ์ ๊นจ๊ณ ์์ต๋๋ค. ํต์ฌ WordPress ๊ฐ๋ฐ์๋ Metabox๋ฅผ ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ์ด ๋ฌด์์ธ์ง ๋ชจ๋ฅด๊ธฐ ๋๋ฌธ์ ๋๋ค.
์ฐ๋ฆฌ๋ ๋ฉํ ๋ฐ์ค์ ๋ชฉ์ ์ ๋ชจ๋ฅผ ์๋ ์์ง๋ง ๋ฉํ ๋ฐ์ค๋ฅผ ๋ฑ๋กํ๊ธฐ์ํ ๊ธฐ๋ณธ์ ์ธ ์๊ตฌ ์ฌํญ๊ณผ ๊ทธ๋ค์ด ์ฌ์ฉํ๋ ํํฌ๋ฅผ ์๊ณ ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ๊ทธ๋ค ์ค ์ด๋ ๊ฒ๋ iframe ๋ด์์ ์๋ํ๋๋ก ๊ฐ๋ฐ๋์ง ์์๋ค๋ ๊ฒ์ ์๊ณ ์์ต๋๋ค. ์๋ ๋์ ์ฐ๋ฆฌ๋ WordPress๋ฅผ ์ค๋จํ์ง ์๊ณ ํ์ฅํ๊ณ ํฅ์์ํค๋ ๋ฐฉ๋ฒ์ ์ดํดํ์ต๋๋ค. ๋ค์ ๋งํ์ง๋ง 5.0์ด ๋ ๋ค๋ฅธ WordPress ๋ฆด๋ฆฌ์ค ์ธ ๊ฒฝ์ฐ ํ์ ์ ๋๋ ๋ค๋ฅธ ๋ฆด๋ฆฌ์ค์ ๋ค๋ฅด์ง ์์ต๋๋ค.
์ฐ๋ฆฌ๋ ๋จ์ (๋งํฌ, ๋ชจ๋ฌ, ์์ฐ ์ฌ๋ก๋)์ด ์์ง๋ง ๋์์ ์ ์ฒด Gutenberg Experience๋ฅผ ์ฆ๊ธฐ๋ฉด์ ํ๋ฌ๊ทธ์ธ์ 80 %๊ฐ ์๋ ํ ์์๋ iframe์ ๋ฉํ ์์๋ฅผ ๋ณด์ฌ์ค๋๋ค.
์ง์์ ์ผ๋ก ์ฐธ์กฐ๋๋ 80 % / 90 % ์ซ์์ ๋ํ ์ฆ๊ฑฐ๊ฐ์๋ ๊ฒฝ์ฐ ๊ณต์ ํ์ญ์์ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ์ปค๋ฎค๋ํฐ์์ด ์ ๋ ๊ท๋ชจ์ ๊ฒฐ์ ์ ๋ด๋ฆด ๋ ๊ฐ์ ํต๊ณ๋ฅผ ์ฌ์ฉํ์ง ๋ง์ญ์์ค.
์ด ํ ๋ก ์ ๋ชจ๋ ๊ณผ ๋ด๊ฐ๊ฐ iframe์ด ๊ฐ๋ฅํ ์ฅ๊ธฐ์ ์ธ ํด๊ฒฐ์ฑ ์๋ ๊ฒ์ด ์์ต๋๋ค ์ฆ๊ฑฐ๋ฅผ ์๊ฐํ๋ฉด, ๋๋ ์ฐ์ฐํ https://github.com/WordPress/gutenberg/issues/3165#issuecomment ์ธ๋ชจ๊ฐ ์ธ ๋ฒ์งธ๋ฅผ ์ถ๊ฐํ๋ ๊ฒ์ -341476059
ํ๊ณ๊ฐ์๋ ๊ฒ์ฒ๋ผ ์ด์์ ์ธ ํธ์ง๊ธฐ๋ฅผ ์ถ๊ตฌํ๋ ๊ฒ์ ๋ฉ์ถ๊ณ WordPress๋ฅผ ๊นจ์ง ์๋ ์ ๊ทผ ๋ฐฉ์์ ๊ณ ๋ คํ๊ธฐ ์์ํ ๋์ ๋๋ค.
1 ์ผ์ฐจ๋ถํฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ ํธ์ง์๋ฅผ๋ณด๊ณ ๋ ผ์ ํด ์จ ๊ฐ๋ฐ์๋ก์ Riad์ ์ฃผ์ฅ์ ํฐ ๊ตฌ๋ฉ์ด ์๋ค๋ ์ ์ ์ ๊ฐ์ ๋๋ค.
์ฒซ์งธ, ์ฌ๋๋ค์ ์ฒซ๋ ๋ถํฐ ๋ฉํ ๋ฐ์ค ๋ฌธ์ ๋ฅผ ์ ๊ธฐ ํด ์์ผ๋ฉฐ ์์ง ์งํ์ค์ธ ๋ช ๊ฐ์ง ๋ค๋ฅธ ๋ฌธ์ ๋ ์์ต๋๋ค. Mockup ๋จ๊ณ์์ ์ฐ๋ฆฌ๋ "๋ชจ๋ ๊ฒ์ด ์๊ฐ์ ์ผ๋ก ๊ฐ์ฅ ์ข์ ๊ฒฝ์ฐ์ ๋๋ค. ๋์ค์ ๋ฉํ ๋ฐ์ค๋ฅผ ๋ค๋ฃฐ ๊ฒ์ ๋๋ค"๋ผ๋ ๋ง์ ๋ค์์ต๋๋ค. ๊ทธ๋ฐ ๋ค์ ํ๋กํ ํ์ ๋จ๊ณ์์๋ "์ด๊ฒ์ ๋ชจ๋ ๊ฐ๋ ์ฝ๋์ ์ฆ๋ช ์ด๋ฉฐ ๋ฉํ ๋ฐ์ค๋ ๋์ค์ ๋ค๋ฃฐ ๊ฒ์ ๋๋ค"์์ต๋๋ค. ๊ทธ๋ฐ ๋ค์ ๊ธฐ๋ฅ ํ๋ฌ๊ทธ์ธ์ ์ฒซ ๋ฒ์งธ ๋ฐ๋ณต์ด ์ถ์๋์์ ๋ (์๋ฌด์๊ฒ๋ ๋๋๊ฒ๋ ์ฒ์๋ถํฐ ๋ค์ ์์ฑํ๋ ๊ฒ์ด ์๋๋ผ ํ์ฌ ๊ฐ๋ ์ฆ๋ช ์ฝ๋๋ฅผ ๋ค์ ํจํค์ง ํ ๊ฒ์ด ์์ต๋๋ค) ๋ ผ์์ด ๊ฐ์๊ธฐ ์์๋์์ต๋๋ค. "๋ฉํ ๋ฐ์ค์ ๊ฐ์ ๋ ๊ฑฐ์ ์ธํฐํ์ด์ค๋ ํ์ฌ ์ฝ๊ฐ์ ์ง์์๋ฐ์ ๊ฒ์ ๋๋ค." ๊ทธ๋ฐ ๋ค์ ๋์ค์ ์ธ์นจ์ด ๊ท๋ฅผ ๋ฉ๊ฒ ๋ง๋ค์์ ๋ "์ฐ๋ฆฌ๋ ์๋ชป ์ดํดํ์ต๋๋ค. ๋ฉํ ๋ฐ์ค๋ ์ ์ฐ์ด ์๋๋๋ค"์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด์ ์ด ์ฃผ์ฅ์ "๋ ๊ฑฐ์"์์ ๋ฅผ ๋ค์ ๋ฐ์ด ๋ถ์ด๊ณ ์์ต๋๋ค.
๋ฉํ ๋ฐ์ค๋ ํ์ฌ ์คํ ๊ฐ๋ฅํ ๋์ฒด๊ฐ ์๊ธฐ ๋๋ฌธ์ ๋ ๊ฑฐ์ ์ฝ๋๊ฐ ์๋๋๋ค.
๋ฉํ ๋ฐ์ค์์๋ wp_editor
์ฌ์ฉํ์ฌ ๋ชจ๋ ๊ธฐ๋ฅ์ ๊ฐ์ถ ์ค์ฒฉ ํธ์ง๊ธฐ๋ฅผ ๊ฐ๋จํ๊ฒ ์ถ๊ฐ ํ ์ ์์ต๋๋ค. Gutenberg๋ ํ์ฌ ์ค์ฒฉ ๋ ๋ธ๋ก์ ๋ํ UI๊ฐ ์์ผ๋ฉฐ 5.0 ๋ฆด๋ฆฌ์ค๊ฐ ์์ ๋์ด ์์ง ์์ผ๋ฏ๋ก ์์ฒญ๋ ์์ ์ฌ์ฉ์ ์ ์ UI ์ฝ๋ ์์ด๋ ๋์ผํ ์์
์ ์ํ ํ ์ ์์ต๋๋ค.
๊ทธ๊ฒ์ ํ๋์ ์์ด์ง๋ง, ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ํจ๋ฆฌํฐ๋ฅผ ๋์ด ์ค ๋๊น์ง ๋ฉํ ๋ฐ์ค์ ๊ฒฝํ์ ์ ํ์ํค๋ ๊ฒ์ ์์ฉ ๊ฐ๋ฅํ ํด๊ฒฐ์ฑ ์ด ์๋๋๋ค. WP 5.0์์๋ ๋ฐ์ํ์ง ์์ต๋๋ค.
๋ค์์ ์ค์ ๋ก ์๋ํ๋ Gutenberg์ "ํตํฉ ๊ด๋ฆฌ์"๊ณํ์ ๋ํ ๋ก๋๋งต์ ๋๋ค.
์ด๋ ๊ฒํ๋ฉด ๊ฐ๋ฐ์๋ ํ์ฌ ๋ณด์ ํ๊ณ ์๋ ๊ธฐ๋ฅ์ ์์ง ์๊ณ ํ๋ก๋์ ๋๊ตฌ์์ Gutenberg๋ฅผ ํ์ฉํ ์ ์์ต๋๋ค. Gutenberg๋ ์ด๋ฌํ ๊ฐ๋ฐ์๋ฅผ ์ํด ๊ฐ๋ฐ ๋ ๋ชจ๋ ์ฃ์ง ์ฌ์ฉ ์ฌ๋ก์ ์ด์ ์ ํ์ฉํ์ฌ ํ์ฌ ๋ฉํ ๋ฐ์ค๋ฅผ ์ฌ์ฉํ๋ ์ฌ๋๋ค์ ์๊ตฌ๋ฅผ ์ค์ ๋ก ์ถฉ์กฑ ํ ์์๋ ์ ์ฐํ ์๋ฃจ์ ์ ๋ง๋ค ๊ฒ์ ๋๋ค.
๋ฉํ ๋ฐ์ค๊ฐ ๋ ์ด์ ์ฌ์ฉ๋์ง ์์ ๋๊น์ง ํ๋ฌ๊ทธ์ธ ์์ฑ์๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ด์ ์ ์ตํ๊ณ ์ฌ์ฉํ ์์๋ ์ถฉ๋ถํ ์๊ฐ์ ๊ฐ๊ฒ๋์์ผ๋ฉฐ ์ด๋ ๋ถ๋ช ํ ์ ํ์ด ๋ ๊ฒ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ๋ ์ปจ์ ์นด์ ๊ฐ์ต๋๋ค. ์ง๊ธ ๋ค์ ์ถ์ํ๊ณ ํธ์ง๊ธฐ ํ์ด์ง๊ฐ ์๋ ํธ์ง๊ธฐ์ ๋ฐ๋ณต์ ์ธ ๊ฐ์ ์ฌํญ์ ์ ๊ณตํฉ๋๋ค. ๊ทธ๋ฐ ๋ค์ 1 ~ 2 ๋ ๋์ ํ๋ก์ ํธ๋ฅผ 100 % ๊ด๋ฆฌ ๋ฒ์๋ก ์งํํ ์ ์์ต๋๋ค.
๋๋ WordPress์ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ ๋ํ ๋ณด์ปฌ ์ฝ์์ ์ฐธ์กฐํ์ฌ ์น ์ฌ์ดํธ๋ฅผ ์์์ํค๋ ์ ๋ฐ์ดํธ์ ๋ํ ํด๋ผ์ด์ธํธ์ ์ฐ๋ ค๋ฅผ ์ํ ํ ํด๋ผ์ด์ธํธ ์๋น์ค ๊ณต๊ธ์์ ๊ด์ ์์ ์์ํ๊ณ ์ถ์ต๋๋ค. ์ด๋ฅผ ํตํด WordPress ์ฌ์ฉ์ด ํธ์ง ํ๋ฉด์ ๋ํ ๋ด ์ธ์์ ์๊ณก / ํธํฅํ์ ๊ฐ๋ฅ์ฑ์ด ์์์ ์๊ณ ์์ต๋๋ค.
ํ์ฌ๊น์ง์ด ๋ฌธ์ ๋ ์ฌ์ฉ์ ์ง์ ๊ฒ์๋ฌผ ์ ํ์ด ๋๋ฆฌ ์ฌ์ฉ ๊ฐ๋ฅํ๊ฒ ๋ ์ดํ๋ก ๋ด ์ธ๊ณ์์ ๋ฉํ ์์๊ฐ WordPress์ _major_ ํ๋งค ํฌ์ธํธ๊ฐ๋์์ ๋ punted / dismissed / downplayed ๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค. ์ด ํ ๋ก ์ด ์ผ์ด๋์ ๊ธฐ์ฉ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ๋ ์ธ์์ ์ธ ํ๋ก์ ํธ์ ๋๋ค.ํ์ง๋ง ์ ๊ฐ ์ผํ ๊ณ ๊ฐ๋ค์ ์ ๊ณต๋ฐ์ ๋ฉํ ๋ฐ์ค ๊ธฐ๋ฐ ์๋ฃจ์ ์ ์ ๋ง ๋ง์กฑํฉ๋๋ค. Gutenberg๋ฅผ ๋นํ์ฑํํ๋ ์ต์ ์ด์๋ ๊ฒ์ ์ข์ง๋ง ํ๋ฌ๊ทธ์ธ์ ํตํด ์ตํธ ์์๋๋ ๊ฒ์ด ๊ฑฑ์ ๋ฉ๋๋ค. ๊ณ ๊ฐ์์ง๋ํ๊ธฐ์ํ ์ต์ ์ ๋ ธ๋ ฅ์๋ ๋ถ๊ตฌํ๊ณ , ๊ทธ๋ค์ด ์ค์ค๋ก ์๋ก์ด ํ๋ฌ๊ทธ์ธ์ ์ค์นํ ์ํฅ์ด ์๊ฑฐ๋ ์ ๊ทธ๋ ์ด๋ ํ์ ํ๋ฉด์ ๋ ธ๊ณจ์ ์ผ๋ก ๋ฑ์ฅํ๋๋ผ๋ Gutenberg๊ฐ ๋ฌด์์ธ์ง ์์ง ๋ชปํ ๊ฒ์ ๋๋ค.
ํด๋ผ์ด์ธํธ ์ฌ์ดํธ์์ ์ฌ์ฉํ ๋ฉํ ๋ฐ์ค ํ๋ฌ๊ทธ์ธ์ด "Gutenberg ํธํ"์ผ๋ก ์ ๋ฐ์ดํธ ๋ ์ ์์ง๋ง (์๋ง๋) ์ ์ฒด ์ํฌ ํ๋ก๊ฐ ํด๋น ํด๋ผ์ด์ธํธ์ ๋ํด ํ๋ฃป๋ฐค ์ฌ์ด์ ๋ณ๊ฒฝ ๋ ์ ์์ต๋๋ค. ์ฌ์ดํธ๊ฐ ์ค๋ ์ ์ ์ ๊ณต ๋์๊ธฐ ๋๋ฌธ์ ๊ธฐ์กด ์ํฌ ํ๋ก๊ฐ ์ ์ํ๋์๋์ง ๋ง์ ๊ณ ๊ฐ์๊ฒ ๋ฌป๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค.
์ ๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ๋ค๋ ๋ชฉํ๋ฅผ ์ ์ ์ผ๋ก์ง์งํ๊ณ ์์ง๋ง ์ ์๊ฐ์๋ ์ฝํ ์ธ ํธ์ง์ ๋ฉํ ์์๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด (์๋์ ์ด๋ ์๋๋ ) ์๋ฆฌ ์ก์ ์ ๋ก๋ฅผ ํผํ ์ ์์ต๋๋ค. Yoast์ ์ ๊ทผ ๋ฐฉ์์ ํ๋ฅญํ๋ค๊ณ ์๊ฐํฉ๋๋ค.์ด ๋ฌธ์ ์ ๋ํ ๋ค์ํ ์ ์ฌ์ ์๋ฃจ์ ์ ๋ํ ์ฌ๋ฌ ํ์ธ๋์ ์ ํํ๋ ๊ฒ์ ๋๋ค.
์ฌ๊ธฐ์์ ๊ฒฐ๊ณผ๋ฅผ ๊ด์ฐฐํ๊ธฐ๋ฅผ ๊ณ ๋ํ๊ณ ์์ต๋๋ค.
Gutenberg์ ํจ๊ป ์๋ํ๋ ํ๋ฌ๊ทธ์ธ์ ์๋ ํ ์คํธ์์์ ๊ฐ์ด 80 %, 90 % ๋๋ 0 % ์ผ ์ ์์ต๋๋ค. ํผํด์ผ ํ ๊ฒ์ ์์ฒ, ์์ฒ ๋ช ์ ์ฌ์ดํธ ์์ ์๊ฐ ์์ ์ ๊ตฌ์ฑ์ด ์๋ ํ ๊ฒ์ธ์ง ์๋ํ์ง ์์ ๊ฒ์ธ์ง ์ค์ค๋ก ์์ ๋ด์ผํ๋ค๋ ๊ฒ์ ๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ํจ๊ป. ๊ทธ๊ฒ์ ์์ฒญ๋ ์๊ฐ ๋ญ๋น (= ๋)์ด๊ณ , ๋ง์ ํผ๋์ ์ผ๊ธฐํ๊ณ ๋ง์ ์ ๋ขฐ๋ฅผ ์ฃฝ์ผ ๊ฒ์ ๋๋ค.
ํ๋ฌ๊ทธ์ธ / ํ ๋ง๊ฐ Gutenberg์ ํธํ / ๋น ํธํ (๋๋ '๊ด๋ จ ์์')์ผ๋ก ํ์๋ ๊ฒ์๋ณด๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฌ๋ฉด ์ฌ์ดํธ ์์ ์๊ฐ ์ฌ์ดํธ์์ ํ์ฑํ๋๊ธฐ ์ ์ ์ ์ฌ์ ์ธ ๋ฌธ์ ์ ๋ํด ์๋ฆฌ๊ณ ๊ทธ์ ๋ฐ๋ผ ์กฐ์น๋ฅผ ์ทจํ ์ ์์ต๋๋ค. ๋ฐ์ดํฐ๋ ํ๋ฌ๊ทธ์ธ ์์ ์๋ฟ๋ง ์๋๋ผ ๋ฒ ํ ํ ์คํธ ๊ธฐ๊ฐ (์ค์ ๋ฒ ํ ... ๋ฐ ํด๋น ๊ธฐ๊ฐ์ด ๋ช ์ฃผ๊ฐ ์๋ ๊ธธ์ด์ผ ํจ) ๋ฐ ๊ทธ ์ดํ์ ์ปค๋ฎค๋ํฐ ํ ์คํธ์์๋ ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค.
๋๋ ์ด๊ฒ์ด ์์ ํ๊ฑฐ๋ 100 % ์ ํํ์ง ์์ ๊ฒ์ด๋ผ๋ ๊ฒ์ ์๊ณ ์์ง๋ง, ๊ฐ์ฅ ๋์ ๋๋ ํ๋ฌ๊ทธ์ธ์ ๋ํด์๋ ๊ฐ๋ฅํด์ผํฉ๋๋ค.
์ถ์ .
๋ด ํ๋ก์ ํธ (์ง์ 30.000 ๋ช
์ ์ด๊ณผํ๋ ๊ณ ๊ฐ์์ํ ์ธํธ๋ผ๋ท ๋ง์ดํฌ๋ก ์ฌ์ดํธ ํ๋ซํผ, ์๊ท๋ชจ ๋น์ฆ๋์ค / ๋น์๋ฆฌ ์ฌ์ดํธ)๋ฅผ ์ํด ์ฐ๋ฆฌ๋ ๊ตฌํ
๋ฒ ๋ฅดํฌ๊ฐ ์ผ์์์ ์ฑ๊ณต์ ์ผ๋ก 1 ๋
์ด์ ๋ ๋๊น์ง ๋นํ์ฑํํ๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค.
๋ฐฑ๋ถ์จ์ ์ด์จ๋ ์ ์ฒด ์ด์ผ๊ธฐ๋ฅผ ๋งํ์ง ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํฅ์ ๋ํ ๋ชจ๋ ๋ ผ์๋ ์ํฅ์๋ฐ๋ ํ๋ฌ๊ทธ์ธ ์๋ณด๋ค๋ ๋ฉํ ๋ฐ์ค ๊ตฌํ์ ์ํด ์ํฅ์๋ฐ๋ ์น ์ฌ์ดํธ ์๋ฅผ ๊ณ ๋ คํด์ผํฉ๋๋ค. ๊ฐ์ฅ ๋๋ฆฌ ์ฌ์ฉ๋๋ ํ๋ฌ๊ทธ์ธ ์ค ์ผ๋ถ๋ ๋ฉํ ๋ฐ์ค์ ์ฌ์ฉ์ ์ ์ ํ๋์ ์์กดํ๊ธฐ ๋๋ฌธ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ ์์์ ํ๋ฌ๊ทธ์ธ์๋ง ์ํฅ์ ๋ฏธ์น ์ ์์ง๋ง ์ฌ์ ํ ์๋ฐฑ๋ง ๋ช ์ ์ฌ์ฉ์์๊ฒ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
๋๋ ๋ฉ๋ฆฌ์๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๊ฐ๋ฐ์ ์๊ฐ์ ๋์ ์ง์ผ ์๊ณ ๋ฉํ ๋ฐ์ค ๋ฌธ์ ๊ฐ ์ค๋ซ๋์ ์กด์ฌ ํด ์๋ค๋ ๊ฒ์ _ ์๊ณ ์์ต๋๋ค. ์ ๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ฒ ํ์์ง์งํ๋ฉฐ ๊ฒฐ๊ตญ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ ์๋ ํ๋ ์ค ์ฝ์ด์ ๋งค์ฐ ๊ฐ๋ ฅํ ๋ถ๋ถ์ด๋์ด ์๋ ํ๋ ์ค๊ฐ ํฅํ ์๋ ๋์ ์คํ ๊ฐ๋ฅํ๊ณ ๊ฒฝ์๋ ฅ์๋ ์ํํธ์จ์ด๊ฐ ๋ ์ ์๋๋ก ํ ๊ฒ์ ๋๋ค. ๋๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ ์ฒด ๊ฐ๋ ๊ณผ ๊ทธ ๋ชฉ์ ์ ์ดํดํ๊ณ ์์ต๋๋ค.
๋ด๊ฐ ์ดํดํ์ง ๋ชปํ๋ ๊ฒ์ ํ ๋ฒ์ 0์์ 100๊น์ง ๋๋ฌํ๋ ค๋ ์๋ง์ ๋๋ค. ๋ฐ๋ณต ๋ฆด๋ฆฌ์ค๊ฐ ์ฌ๊ธฐ์ ์ํ๋๋ ๊ฒฝ๋ก๊ฐ ์๋ ์ด์ ๋ ๋ฌด์์ ๋๊น? ๋ ๊ฐ์ง ์ต์ ์ด '์๋ฌด๊ฒ๋ ํด์ '๋๋ '๋ชจ๋ ๊ฒ์ ํด์ 'ํ๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
๋ฉํ ๋ฐ์ค๋ ์๋ ํ๋ ์ค๊ฐ ๊ฐ๋ ฅํ ์ด์ ์ ๋๋ค. ๊ทธ ๋ชฉ์ ์ ํธ์ง ํ๋ฉด์ ํ์ฅํ๋ ๊ฒ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ ์ฒด ํ๋ฉด์ ์ ๊ฒํ๊ณ ์ถ์ดํ๋ค๋ ๊ฒ์ ๋๋จํ๋ค๊ณ ์๊ฐํ์ง๋ง, ํนํ ์๋ ํ๋ ์ค์ ๊ฐ์ฅ ์ค์ํ ๊ตฌ์ฑ ์์ ์ค ํ๋๋ฅผ ์ฒ๋ฆฌํ๋ ๊ฒ์ ์๋ฏธํ๋ค๋ฉด ํ ๋ฒ์ํ๋ ๊ฒ์ด ํ์ค์ ์ด์ง ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ์๋ ํ๋ ์ค ์ฑ๊ณต์ ํฐ ๋ถ๋ถ์ ๋๋ค.)
2- ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ฝํ ์ธ ์์ญ ๋ง ๋์ฒด : ํ๋ฌ๊ทธ์ธ์ 90 %๊ฐ ์๋ํ๊ณ UX๊ฐ ์ด๋ ค์
UX๋ ๊ณ ํต์๋ฐ์ง ์์ต๋๋ค. ์ฌ์ฉ์๋ ๊ฐ์ ๋๋ ํธ์ง๊ธฐ ์น์ ์ผ๋ก ๋ณผ ์ ์์ต๋๋ค. ์ฝํ ์ธ ๋ฅผ ๋ง๋๋ ์๋ก์ด ๋ฐฉ๋ฒ์ ์ ๊ณต ํ ๊ฒ์ ๋๋ค. ๋๋ถ๋ถ์ ์ฌ์ฉ์๊ฐ ์กฐ์ ํ ํ์ ์ป์ ์์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๊ณ ๊ธฐ์กด ์ํฌ ํ๋ก๋ฅผ ๊นจ๋จ ๋ฆฌ๊ฑฐ๋ ์ด์ ์ ์ํ ํ ์์ ์ ์ํํ๋ ๋ฐฉ๋ฒ์ ๊ถ๊ธํดํ๊ฒ ๋ง๋ค์ง ์์ต๋๋ค. ํธ์ง์.
4- ํธํ ๊ฐ๋ฅํ ํ๋ฌ๊ทธ์ธ์ด์๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ : ์ต์์ UX
์ด๊ฒ์ ํ๋ฅญํ ๋ชฉํ์ด์ง๋ง ์ฅ๊ธฐ์ ์ธ ๋ชฉํ์ ๋๋ค. ๊ฒฐ๊ตญ ๊ทธ๋ ์ต๋๋ค. ์ ๋์ ์ผ๋ก Guteneberg ๊ฒฝํ๊ณผ ํจ๊ป ๋๋ ๋ด๋ถ์์ ์๋ํ๋ ํ๋ฌ๊ทธ์ธ์ด์๋ Gutenberg ์ฌ์ผํฉ๋๋ค.
๋ํ ์ฐ๋ฆฌ์ ๋ชฉํ๋ ํ์ํ ๊ฒฝ์ฐ ๋ ๋ฒ์งธ ๋ฐ ์ธ ๋ฒ์งธ ์ต์ ์ ๋ฌ์ฑํ๊ธฐ ์ํด ์กฐ๊ฐ์ ์ฌ์ฌ์ฉ ํ ์์๋ ๋ฐฉ์์ผ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋ง๋๋ ๊ฒ์ ๋๋ค.
์ด๊ฒ์ด ๋ฌด์์ ์๋ฏธํ๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ํ๋ฌ๊ทธ์ธ์ด ๋ชจ๋ ์๋ํ๋ค๋ ๊ฐ์ ํ์ Gutenberg๋ฅผ ๋น๋ํ๊ณ ํด๋น ์๋ฃจ์ ์ ์ฌ์ฉํ์ฌ ์ต์ 2์ 3์ผ๋ก ๋์๊ฐ๊ณ ์ถ์ต๋๊น? 2๋ฅผ ํฅํด ๋จผ์ ๋น๋ ํ ๋ค์ 3์ผ๋ก ๋ฐ๋ณตํ๋ฉด 4์ ๋๋ฌํ๊ฒ๋์ง ์์ต๋๊น?
๋ง์ถคํ WordPress ์น ์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํ๋ ๊ฐ๋ฐ์๋ก์ @gschoppe๊ฐ ์ ์ํ ๋ก๋๋งต์ด ๋ง์์
iframe์ ๋ํ Kevin์ ์ฐ๋ ค์ ํจ๊ป ๋ช ๊ฐ์ง ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์ง์ ํ๊ณ ์ถ์ต๋๋ค. ์ฒซ์งธ, ์ฌ์ดํธ๋ฅผ ์๊ฐ์ ์ผ๋ก ๊ฒฝํํ๋ ์ฌ์ฉ์๋ ํ์ด์ง์ ๋๋จธ์ง ๋ถ๋ถ๊ณผ ํจ๊ป ํ๋ ์ ์ ๋ฐ iframe์ ์์ง๋ ฅ์๋ ์ ์ฒด๋ก ๊ฒฝํํ์ง๋ง ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๋ ๊ทธ๋ ์ง ์์ต๋๋ค. ์น ํ์ด์ง๋ ์ ํ ๋ฐฉ์์ผ๋ก ๊ฒฝํ๋๊ธฐ ๋๋ฌธ์ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๋ ํ๋ ์ ์ธํธ ๋ด์์ ๊ฐ ํ๋ ์์ ๊ฒฝํํ๊ณ ๊ฐ iframe์ ํ์ด์ง์ ๋๋จธ์ง ๋ถ๋ถ๊ณผ ๋ณ๊ฐ๋ก ๋ณ๊ฐ์ ๋ถ๋ถ์ผ๋ก ๊ฒฝํํฉ๋๋ค. ์ผ๋ถ ํ๋ฉด ํ๋ ๊ธฐ (ํนํ WEBAIM์ ์ฐ๊ฐ ํ๋ฉด ํ๋ ๊ธฐ ์ฌ์ฉ ์กฐ์ฌ์ ๋ฐ๋ฅด๋ฉด ์์ฅ ์ ์ ์จ์ด ๊ฐ์ฅ ๋์ Windows ์ฉ Jaws)์๋ ์ผ๋ถ ํ๋ฉด์ ๋๋ฌด ๋ถํธํ ์ ์๊ธฐ ๋๋ฌธ์ ์ธ๋ผ์ธ ํ๋ ์์ ํฌํจํ์ฌ ํ๋ ์์ ๋ฌด์ํ๋ ๊ตฌ์ฑ ์ค์ ์ด ์์ต๋๋ค. ๋ ์ ์ฌ์ฉ์. ํ๋ ์ ๋ฌด์ ์ค์ ์ ํธ์ถํ๋ฉด ํ๋ ์ ๋ฐ iframe ๋ด์ ๋ด์ฉ์ด ์ฌ๋ผ์ง๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ iframe๊ณผ ๊ด๋ จํ์ฌ ๋ชจ๋ ์ ๊ทผ์ฑ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ๋ฐ๋ฅด๋๋ผ๋ ์ฝํ ์ธ ๋ฅผ ์์ ํ ํธ์ง ํ ์ ์๋๋ก ์ฌ์ฉ์์๊ฒ์ด ์ค์ ์ ๋นํ์ฑํํ๋๋ก ์์ฒญํ๋ฉด ์ธํฐ๋ท์์ ๋ชจ๋ ๋จ์ผ iframe ์ธ์คํด์ค ๋ฐ ํ๋ ์ ์ต์ ์ ์ฌ๋ก์ ๋ ธ์ถ๋ฉ๋๋ค. ์ด๋ฌํ ์ฌ์ฉ์๋ฅผ์ํ ์ ์ผํ ๋์์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด ๋ณ๋์ ํ๋กํ์ ์์ฑํ๋๋ก ์์ฒญํ๋ ๊ฒ์ ๋๋ค. ์ด๋ ๊ฐ๋จํ ํ๋ก์ธ์ค๊ฐ ์๋๋๋ค. ์ด๋ ๋ชจ๋ ๋จ์ผ ๋ธ๋ผ์ฐ์ ์ค์ ๊ณผ ์์ฑ ์ค์ ์ ๋ค์ ๊ตฌ์ฑํด์ผํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ๋ํ ์ต์ํ ๋ ๊ฐ์ ๊ฐ๋ณ ๋ธ๋ผ์ฐ์ ํ๋กํ์ ๋ฐ๋ผ์ผํ๋ค๋ ์๋ฏธ์ด๊ธฐ๋ํฉ๋๋ค. ์ ๋ Windows ์ฌ์ฉ์ ์ฉ Jaws์๊ฒ ์ด์ ๋๋ฌธ์ NVDA๋ก ํ ํ์์ผ๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๋ผ๊ณ ๋งํ๋ ์ฒซ ๋ฒ์งธ ์ฌ๋์ด ๋ ๊ฒ์ ๋๋ค. ๋ฉํ ๋ฐ์ค ์ง์์ ์ํด iframe์ ์ฌ์ฉํ๋ Gutenberg๋ ๊ทธ๋ฌํ ์ด์ ์ค ํ๋๊ฐ ์๋๋๋ค.
.. ์๋ ํ๋ ์ค ์ ์ฒด (์ฝ์ด ๋ฐ ์ปค๋ฎค๋ํฐ)๋ฅผ์ํ ์ต์ ์ ๋ฐฉ๋ฒ์ ์๊ฐํ๋ฉฐ 1 ๋ ์ ๋ณด๋ธ ๋จ์ํ ๊ฐ๋ฐ์๋ก์์ ์ ์ ์ธ๋ด์ฌ์ ๊ฑฐ์ ํ๊ณ์ ๊ฐ๊น์ต๋๋ค.
๋๋ ๋ฌด๋กํ ๊ฒ์ด ์ซ์ง๋ง ๊ทธ ๊ฒฝ์ฐ์๋ ๋ ๋๊บผ์ด ํผ๋ถ๋ฅผ ๊ฐ์ ธ์ผ ํ ์๋ ์์ต๋๋ค. ๋น์ ์ ์ด๊ฒ์ ๋ํด ์๊ฐํ "์ ์ฒด 1 ๋ "์ ์๋๊ณ ์๋ต์ ์ข์ ํ๊ณ ๊ทธ๋ ๊ฒ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ ๋ค๋ฅธ ์ฌ๋๋ค์ด ์ํ ํ ์ฌ๋ฌ ํด ๋์ ์ ์์ ์ ์ํฅ์ ๋ฏธ์น ๊ฒฐ์ ์ ๋๋ค.
์ ๊ฒฝ์ฐ์๋ ์ ๊ฐ ์ฝ๊ณ ์๋ ๋ด์ฉ์์ ์ง๋ 3 ๋ ๋์ ๊ตฌ์ถ ํ ๊ฑฐ์ ๋ชจ๋ ์น ์ฌ์ดํธ๊ฐ ์ฆ์ ์ค๋จ ๋ ์ ์์ต๋๋ค. ๋๋ ๋ ์ด์ ์ด๋ฌํ ์ฌ์ดํธ์ ๋ํ ์ฑ ์์ด ์์ง๋ง ์์ญ ๋ช ์ ๊ณ ๊ฐ์ด ํ ๋ฒ์ ๊นจ์ง ์ฌ์ดํธ๋ก ์ ํ๋ฅผ ๊ฑธ์์ ๋ ๋ด๊ฐ ์ผํ๋ ์์ด์ ์์์ ๋ฌด์จ ์ผ์ด ๋ฒ์ด ์ง์ง ๋ชจ๋ฆ ๋๋ค. ๊ทธ๊ฒ์ด ๊ทธ ์์ ์์ด์ ์, ์ผ์ ์ ๋ฌด, ์์ต์ ์ด๋ค ์ํฅ์ ๋ฏธ์น ๊น์? ๊ณ ๊ฐ์๊ฒ ์ด๋ค ์ํฅ์ ๋ฏธ์น ๊น์? ์ด๊ฒ์ด ์ ์ ๊ด์ฌ์ฌ์ด๋ฉฐ ์ ๋ ์๋์ ์ผ๋ก ํฐ ์ํ๊ณ์์ ์์ (๋น์ ์ ์ผ๋ก) ํ ๋ช ์ ๊ฐ๋ฐ์ ์ผ๋ฟ์ ๋๋ค.
๋๋ ๋๋๋ก ์ฐ๋ฆฌ (์ ์ด๋ ๋๋)๊ฐ ๋ด ์๊ฒฌ์ ๋ฌด์ํ ์ ์์์ ์ธ์ ํ๊ณ ์ด์ ๋ํด ์ฌ๊ณผํฉ๋๋ค.
์ฌ๋๋ค์ ๊ฑฑ์ ํ๊ณ ์ข์ ํ๊ณ ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ์ผํ๋ ํ์ ๋ฉํ ๋ฐ์ค๊ฐ ์ด๋ป๊ฒ ์ฌ์ฉ๋๋์ง์ ๋ํ ์ดํด๊ฐ ๊ฑฐ์์๊ณ ์ํฅ์ด ๋ฌด์์ธ์ง์ ๋ํ ๊ด์ฌ์ด ๊ฑฐ์ ์๋ค๋ ์ธ์ ์ด ์๊ธฐ ๋๋ฌธ์ ๊ทธ๋ค์ด ๊ทธ๋ ๊ฒ ํ ์์๋ ๋ชจ๋ ๊ถ๋ฆฌ๊ฐ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ด๋ค ์ผ์ด ์์ด๋ ๊ทธ๋ค์ ๋น์ ์ ๊ฐ์ง๊ณ ์์ผ๋ก ๋์๊ฐ ๊ฒ์ ๋๋ค.
์ด ๊ธ์ ์ฐ๋ ๊ฒ์ ์ ๋ฅผ ์ฌํ๊ฒํ์ง๋ง, ์ง๊ธ ๋น์ฅ ์๋ ํ๋ ์ค๋ก ์ฃผ์ ํ๋ก์ ํธ๋ฅผ ์์ํ๋ ์ฌ๋์ ๋ฐฑ๋ง ๋ ์์ ์ ์ํ์ง ์์ ๊ฒ์ ๋๋ค.
2- ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ฝํ ์ธ ์์ญ ๋ง ๋์ฒด : ํ๋ฌ๊ทธ์ธ์ 90 %๊ฐ ์๋ํ๊ณ UX๊ฐ ์ด๋ ค์
@youknowriad , Gutenberg ๋ TinyMCE์์ UX๊ฐ ์ด๋ป๊ฒ ๊ณ ํต๋ฐ์ง ์๋๋ค๊ณ ๋งํ ์ ์์ต๋๊น? ๋๋ ์ง์ฌ์ผ๋ก ๊ทธ ์ง๋ฌธ์ํ๊ณ ์์ต๋๋ค. TinyMCE ๋ฐ ๋ฉํ ๋ฐ์ค์ ๋นํด ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ UX๊ฐ ์ค์ ๋ก ํฌ๊ฒ ์ด๋ ค์์ ๊ฒช๊ณ ์๋ค๊ณ ๋งํ ์ ์์ต๋๋ค. ๋๋ ๋น์ ์ด ์ด๊ฒ์ ์ค์ค๋ก ์ฐพ์๋ด๋ ๊ฒ์ ๊ถ์ฅํฉ๋๋ค :
(1) ๋ง์ฐ์ค ํ๋ฌ๊ทธ๋ฅผ ๋ฝ์ต๋๋ค.
(2) Mack๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ command + f5๋ฅผ ๋๋ฅด๊ณ VoiceOver๋ฅผ ์ฌ์ฉํ์ฌ ์์ฐ์ ์ธ ์์
์ ์ํํฉ๋๋ค.
(3) PC๋ฅผ โโ์ฌ์ฉํ๋ ๊ฒฝ์ฐ NVDA๋ฅผ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํ๊ณ ๋ง์ฐ์ค๋ฅผ ๋ถ๋ฆฌ ํ ๋ค์ ๋์ผํ ํ
์คํธ๋ฅผ ์ํํ์ญ์์ค. ์ด๋ฌํ ์ํฉ์์ ๊ตฌํ
๋ฒ ๋ฅดํฌ์ ํจ๊ป ์์ฐ์ ์ธ ์์
์ ์ํํ์ญ์์ค.
์ด ์์ ์์ UX๊ฐ ์ ๋์ ์ธ ์ ๋ชฝ์ด๋ผ๋ ๊ฒ์ ์๊ฒ ๋ ๊ฒ์ ๋๋ค. ๊ทธ๊ฒ์ ๋ ๋์์ชฝ์ผ๋ก ๋ฐ๋ ์ ์๋ค๋ ๊ฒ์ ๋งํ๋ ๊ฒ์ด ์๋๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ WordPress๊ฐ ์ ๊ทผ์ฑ๊ณผ ๊ด๋ จํ์ฌ ๋ง์ ๊ธฐ์ ์ ๋ถ์ฑ๋ฅผ ํด๊ฒฐํ ์์๋ ๊ธฐํ๋ฅผ ์ ๊ณตํ๋ฉฐ, ์ด๊ฒ์ด ์ ์คํ๊ณ ์ฌ๋ฐ๋ฅด๊ฒ ์ํ๋๋ค๋ฉด ์์ฒญ๋ ์ฑ๊ณผ๋ฅผ ๊ฑฐ๋ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ด ์๋ชป๋๊ฑฐ๋ ๋ถ์ฃผ์ํ๊ฒ ์ํ๋๋ค๋ฉด, ์๋ ํ๋ ์ค ์ ๊ทผ์ฑ ํ๊ณผ ๋ค๋ฅธ ํต์ฌ ๊ธฐ์ฌ์๋ค์ด 2012 ๋ ์ดํ๋ก ํ ๋ง์ ์์ ์ ๋ค์ ์์ํด์ผ ํ ๊ฒ์ ๋๋ค. ์๋ ํ๋ ์ค๋ ์ฒ์๋ถํฐ ์น ์ ๊ทผ์ฑ์ ๊ณ ๋ คํ์ง ์๋ ํ๋ก์ ํธ๋ก๋ณด๊ณ ์ถ์ต๋๋ค : ์ฒ์๋ถํฐ ์น ์ ๊ทผ์ฑ์ ๊ณ ๋ คํ์ง ์์์ต๋๋ค. ์ฆ, ์ ๊ทผ์ฑ ํ๊ณผ ๋ค๋ฅธ ๊ด๋ จ ๊ธฐ์ฌ์๋ค์ด ์ฌ์ค ์ดํ ์ ๊ทผ์ฑ์ ๋ํ ์ฑ ์์์ง๊ณ ์๋ค๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ์๋ ํ๋ ์ค๋ ์ ์ฒด ๋ ์ฝ๋๋ฒ ์ด์ค๊ฐ ์๋๊ธฐ ๋๋ฌธ์ ์ ๋ ๋ฐ๋ผ ์ก์ ์ ์์ต๋๋ค.
๋๋ ๋ํฌ๋ค์ด ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ 1 ๋ ๋์ ์ผํ๊ณ ์๋ค๋ ๊ฒ์ ์๊ณ ์๋ค. ๋๋ ๋ํ ์ด๊ฒ์ ๋ํ ์์ ์์ฒด๊ฐ ํ๋ค๊ณ ๋ถ์ ์ ์ธ ํผ๋๋ฐฑ์ด ๊ทธ ์ํฉ์ ๋์์ด๋์ง ์๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ง์ง๋ง์ผ๋ก, ์ฐ๋ฆฌ๋งํผ ๋นํ์ ์ธ ์ฌ๋๋ค์ ์๊ธฐ๋ฅผ ๋ชป ์๊ฒผ๋ค๊ฑฐ๋ ๋จ์ํ ๋ณํ์ ๋ํ ๋๋ ค์์ ๋ฐ์ํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ผ ์ ์์ผ๋ฉฐ, ์ฐฝ์กฐ์๋ก์ ๊ทธ๊ฒ์ ๊ธฐ๊ปํด์ผ ์ค๋ง์ค๋ฝ๊ณ ์ต์ ์ ๊ฒฝ์ฐ ์์ฒ๋ฅผ ์ ํ ์ ์์ต๋๋ค. . ๊ทธ๋ฌ๋ ๋ ์์ ์ ์ํด ๋งํ๋ฉด ์๊ธฐ๋ ๋ชป ์๊ธฐ์ง ์์ต๋๋ค. ๊ทธ๊ฒ์ ๋ธ๋ก์์ ๊ฐ์ฅ ๋ฉ์ง ์์ด์ด๊ฑฐ๋ ๋ชจ๋ ์ฌ๋์ ์ถ์ ๋น์ฐธํ๊ฒ ๋ง๋๋ ์์ ๋ฐ๋ณด๊ฐ ๋ ์์๋ ์คํ๋์ง ์์ ๋ง์ ์ ์ฌ๋ ฅ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ๋๋ ๊ทธ๊ฒ์ด ํ์๊ฐ ์๋๋ผ ์ ์ ์ธ ๊ฒ์๋ณด๊ณ ์ถ๋ค. ํนํ ๋ฉํ ๋ฐ์ค์ ๊ด๋ จํ์ฌ, ๊ทธ๋ค์ ์๋ ํ๋ ์ค ์ฌ์ฉ์ ์ ์ ๊ฐ๋ฐ์ ๋ฌธ์ ๊ทธ๋๋ก ์คํ ์ดํ์ด๋ฉฐ ์๋ง๋ ๋จ์ถ ์ฝ๋ ๋๋ TinyMCE ๋ฒํผ ์ผ ๊ฒ์ ๋๋ค. ๊ทธ๊ฒ๋ค์ ์ ๊ฑฐํ๋ ๋ฐฉ๋ฒ์ ์์๋ผ ์์์ ๋๊น์ง ๊ฐ๋ณ๊ฒ ํธ์ด ๋ด๊ฑฐ๋ iframe์ ๋ฐ์ด ๋ฃ์ด์๋ ์๋ฉ๋๋ค.
WordPress์ ๋ํ ์ ์ ๊ฐ๋จํ ์ด์ผ๊ธฐ๋ 10 ๋ ์ด์ ๊ฐ์ธ, ์ค์๊ธฐ์ ๋ฐ ๊ธฐ์ ๊ณ ๊ฐ์์ํ ์น ์ฌ์ดํธ๋ฅผ ๋ง๋ค๊ธฐ ์ํด ์ ํํ ์น ์ฌ์ดํธ ์์ง์ด์์ต๋๋ค. ๊ทธ ๋น์ WordPress๋ฅผ ์ ํํ ๋๊ตฌ๋ก ๋ง๋ ์ธ ๊ฐ์ง๊ฐ์์์ต๋๋ค.
์ฌ์ฉ์ ์ง์ ๋ฉํ ๋ฐ์ค์ ๋ํด ๋ง์ ๋๋ฆฌ๊ณ ์ํฉ๋๋ค. ์ฌ์ฉ์ ์ง์ ๊ด๋ฆฌ ์ธํฐํ์ด์ค๋ฅผ ์์ฑํ์ฌ ์ฌ๋๋ค์๊ฒ ํ๋ฅญํ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฅ๋ ฅ์ ์์ฒญ๋ฉ๋๋ค. ๊ทธ๊ฒ์ ๊นจ๋ฉด WordPress๋ฅผ ๊นจ๊ณ ์์ต๋๋ค.
์ฝํ ์ธ ํธ์ง๊ธฐ ๊ฒฝํ์ ๋์ฑ ๊ฐ๋ ฅํ๊ฒ ๋ง๋๋ Gutenberg์ ์์ด๋์ด๋ ํ๋ฅญํ ์์ด๋์ด์ ๋๋ค. ํ ๋งํ ๊ฐ์น๊ฐ ์์ง๋ง ์๋๋ฅด์ง ๋ง๊ณ ์กฐ์ฌ์ค๋ฝ๊ฒ ์ฌ๋ฐ๋ฅด๊ฒํด์ผํฉ๋๋ค. ์ง๊ธ์ ๋งค์ฐ ์๋๋ฅด๊ณ ์ค๋น๊ฐ ๊ฑฐ์๋์ด ์์ง ์์ต๋๋ค.
@jchristopher ๋ ๊ทธ๊ฒ์ ์์ฃผ ์ ๋งํฉ๋๋ค.
์ ๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ๋ค๋ ๋ชฉํ๋ฅผ ์ ์ ์ผ๋ก์ง์งํ๊ณ ์์ง๋ง ์ ์๊ฐ์๋ ์ฝํ ์ธ ํธ์ง์ ๋ฉํ ์์๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด (์๋์ ์ด๋ ์๋๋ ) ์๋ฆฌ ์ก์ ์ ๋ก๋ฅผ ํผํ ์ ์์ต๋๋ค. Yoast์ ์ ๊ทผ ๋ฐฉ์์ ํ๋ฅญํ๋ค๊ณ ์๊ฐํฉ๋๋ค.์ด ๋ฌธ์ ์ ๋ํ ๋ค์ํ ์ ์ฌ์ ์๋ฃจ์ ์ ๋ํ ์ฌ๋ฌ ํ์ธ๋์ ์ ํํ๋ ๊ฒ์ ๋๋ค.
@jnicol ๊ณผ @aurooba ๋ ์ข์ ์ง์ ์ํ๊ณ ์ข์ ์ง๋ฌธ์ํฉ๋๋ค. ๋ฐ๋ณต์ ์ธ ๋ก๋๋งต์ด ์๋ ์ ๋ถ ๋๋ ์๋ฌด๊ฒ๋ ์๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๋ ์ด์ ๋ ๋ฌด์์ ๋๊น? Yoast์ ๋์์ ์ง๊ธ๊น์ง ๋ณธ ๊ฒ๋ณด๋ค ํจ์ฌ ํฉ๋ฆฌ์ ์ด๋ฉฐโiframe ์คํโ์ด ๊ทธ ์ ์ ์ฆ๋ช ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ๋ถ๋ฌ ์ฃผ์ @amandarush๋๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋๋ ๋ชจ๋ ์ฌ๋๋ค์๊ฒ ๊ทธ๋ ๊ฐ ์ค๋ช ํ๋ ๋ฐฉ์์ผ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ํจ๊ป ์ผํ๋๋ก ๋์ ํฉ๋๋ค. ์ผ๋ถ ๊ด์ ์ ๋ฐ๊ฟ ์ ์์ต๋๋ค.
@aaronjorbin ์ ์ด์ ์ ๋๊ตฐ๊ฐ WordPress๋ฅผ ์ฑํ ํ ๋ WordPress (๋ฒ์ ๋ฒํธ-์ฌ๊ธฐ)๋ฅผ ์ฑํํ์ง ์๊ณ WordPress๋ฅผ ์ ์ฒด์ ์ผ๋ก ์ฑํํ๊ณ ์๋ค๊ณ ๋งํ์ต๋๋ค.
ํด๋ผ์ด์ธํธ ์๋น์ค์ ๋ชจ๋ ์ฌ๋์ด ์์ฃผ ๋ฃ๊ฒ ๋ ๋ ๋ค๋ฅธ ๋ฒ์ ์ด ์์ต๋๋ค. ๋๊ตฐ๊ฐ๊ฐ ์ฌ๋ฌ๋ถ์๊ฒ ์์ ์ ์น ์ฌ์ดํธ๊ฐ ํ์ํ๋ค๊ณ ๋งํ๋ฉด (๋ธ๋ก๊ทธ์ ๋ํด ์ด์ผ๊ธฐํ๋ ๊ฒ์ด ์๋๋๋ค) ์ผ๋ฐ์ ์ผ๋ก "์ Wordpress ์น ์ฌ์ดํธ๊ฐ ํ์ํฉ๋๋ค."๋๋ "์ Drupal ์ฌ์ดํธ๋ฅผ ์ํฉ๋๋ค"๋ฑ์ ๋งํ์ง ์์ต๋๋ค. ๊ทธ๋ค์ ๋จ์ง ์๋ํ๊ณ ์ ์๋ํ๋ ์๋ก์ด ์ฌ์ดํธ๋ฅผ ์ํฉ๋๋ค.
WordPress๋ ์๋ฐฑ๋ง ๊ฐ์ ์น ์ฌ์ดํธ๋ฅผ์ํ ์ต๊ณ ์ ์๋ฃจ์ ์ด์์ต๋๋ค. ์ฌ์ฉ ํธ์์ฑ๊ณผ ์คํ ์์ค๊ฐ ํต์ฌ์ ๋๋ค. ์๋ก์ด ํธ์ง๊ธฐ ์ธํฐํ์ด์ค์ ์๋๋ฌ ๊ตฌํ์ผ๋ก ์ฌ์ฉ์ ์ง์ ๋ฉํ ์์๋ฅผ ๊นจ ๋จ๋ฆฌ๋ฉด (ํ๋ฌ๊ทธ์ธ ๋ฒํธ๋ ์์ด ๋ฒ๋ฆฌ๊ณ , ์ฌ์ฉ์ ์ง์ ๊ด๋ฆฌ UI๊ฐ์๋ ๋ชจ๋ ๊ธฐ์กด ์น ์ฌ์ดํธ๋ ์ด๋ป์ต๋๊น?) ์ฌ์ฉ ํธ์์ฑ์ด ์์๋ฉ๋๋ค.
์๋ ํ๋ ์ค ์ ์ฒด (์ฝ์ด ๋ฐ ์ปค๋ฎค๋ํฐ)๋ฅผ์ํ ์ต์ ์ ๋ฐฉ๋ฒ์ ์๊ฐํ๋ฉฐ 1 ๋ ์ ๋ณด๋ธ ๋จ์ํ ๊ฐ๋ฐ์๋ก์์ ์ ์ ์ธ๋ด์ฌ์ ๊ฑฐ์ ํ๊ณ์ ๊ฐ๊น์ต๋๋ค.
๋๋ ์ฌ๊ธฐ์ ๋ฌด๋๋ํด์ง ๊ฒ์ ๋๋ค.
์ด๊ฒ๊ณผ ์ด์ ๊ฐ์ ๋ช ๊ฐ์ง ๋ค๋ฅธ ์๊ฒฌ์ ์ฌ๋ฌ๋ถ ์ค ์ผ๋ถ๊ฐ์ด ํ๋ก์ ํธ์์ ์์ฌ ๊ฒฐ์ ์ญํ ์์ ๋ฌผ๋ฌ๋์ผํ๋ค๊ณ ์๊ฐํ๊ฒํฉ๋๋ค. ์ ํ์ ๋ํด ์ ์งํ๊ณ ์ ์คํ๊ฒ ์๊ฐํ์ง๋ง ๋นํ์ ์ธ ํผ๋๋ฐฑ์๋ฐ์ ์ ์๋ค๋ฉด ์์งํ ์ ํ ํ์์ ์์ฌ ๊ฒฐ์ ์ญํ ์ํด์๋ ์๋ฉ๋๋ค. ๋๋ ๋น์ ์ ์ ์ฅ์์ ์ฌ๋ฌ ๋ฒ, ์ผ๋ฐ์ ์ผ๋ก ๋๋ฉด ํ์์ ์ฐธ์ํ์ผ๋ฉฐ ์ฑ๊ณต์ ์ธ ๊ฒฝ์ฐ ํ์์ค์ ๋ชจ๋ ์ฌ๋๋ค์ ๋ ผ์์ด ์๋ฌด๋ฆฌ ๋จ๊ฑฐ์๋ ๊ณ ๊ฐ์๊ฒ ๊ฐ๋ฅํ ์ต๊ณ ์ ์ ํ์ ์ ๊ณตํ๋ ๊ฒ์์ ๊นจ๋ฌ์์ต๋๋ค. ์ ํ ์์ด๋์ด์ ๋ฐฉํฅ์ ๋ํ ๋นํ์๋ฐ๋ ๊ฒ์ ์ ํ ํ์ ์์ฌ ๊ฒฐ์ ๊ถ์์ ์ผ๋ถ์ด๋ฉฐ, ๋๊ตฌ๋ ์ต์ ์ ๋ฐฉ๋ฒ์ ์๊ฐํ ์ ์๊ธฐ ๋๋ฌธ์ ๋ ๋์ ์ ํ์ผ๋ก ์ด์ด์ ธ์ผํฉ๋๋ค. ํ๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
ํต์ฌ ํ์ ๋ชจ๋ ์ฌ๋๋ค์ด ๋ฉ์ง WordPress ๊ฐ์ ํ์ ์ ๊ณตํ๊ธฐ๋ฅผ ์ํ์ง๋ง ํ์ฐ์ ์ผ๋ก ํ๋ก์ ํธ์ ๊ฐ๊น์ ์ง ์ ์์ต๋๋ค. ํ ๋ก , ๊ณ ๋ ค, ๊ฑฐ๋ถ ๋ฑ์ด ๋ฌด์์ธ์ง ์๊ณ ์์ผ๋ฉฐ ์ธ๋ถ ๊ด์ ์์ ๋ฌด์ธ๊ฐ๋ฅผ ๋์ด ๋ด๊ณ ๋ณด๋ ๊ฒ์ ์ด๋ ต์ต๋๋ค. ๊ทธ๋ฌ๋ ๋น์ ์ WP ์ปค๋ฎค๋ํฐ์ ์ ์ฒด๊ฐ ์๋๋๋ค. ๋น์ ์ ๋ ์ ์์ต๋๋ค. ๋น์ ์ด ๋ฃ๋ ๊ฒ์ ์ ํ ๋ฐฉํฅ์ ๋ํ ์ ํจํ ์ฐ๋ ค์ ๋๋ค. ๊ธฐ๋ด์์ ๊ทธ๊ฒ์ ๋ฐ์ ๋ค์ผ ์ ์๋ค๋ฉด, ๋ฌด์จ ๋ง์ํ๋์ง, ์ ๊ทธ๋ ๊ฒ ๋งํ๋์ง ์๊ฐํด๋ณด์ญ์์ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฐฉํฅ์ ๋ํ ๊ฒฐ์ ์ ๋ด๋ฆฌ์ง ๋ง์ญ์์ค.
๋๋ (๊ทธ๋ฆฌ๊ณ ์ด๊ฒ์ ํจ์ฌ ๋ ์ข์ ๊ฒ์ ๋๋ค), ์ด๋ฌํ ์๊ฐ์ํ์ญ์์ค. ์ฌ๋๋ค์ด ๋งํ๋ ๊ฒ์ ์ง์ ์ผ๋ก ๊ณ ๋ คํ์ญ์์ค. WordPress๋ฅผ ์ฌ์ฉํ๋ ๋น์ฆ๋์ค๋ฅผ ์ด์ํ๋ ์ฌ๋๋ค๋ก์ ์ฐ๋ฆฌ์ ๊ด์ฌ์ฌ๋ฅผ ์ดํดํ๊ณ ์ฐ๋ฆฌ ์์ ๋ฟ๋ง ์๋๋ผ ๊ณ ๊ฐ์๊ฒ๋ ๊ด์ฌ์ด ์๋ค๋ ๊ฒ์ ์ดํดํ์ญ์์ค.
์ ๋ 2008 ๋ ์ด๋ถํฐ WP๋ฅผ ์ฌ์ฉํด ์์ผ๋ฉฐ ํ์ฌ์ ํํ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋์ ๋งํผ ๋ง์ ๋ถ๋ฌธ์ ์ฐฝ์ถ ํ ์๋ก์ด ๊ธฐ๋ฅ์ด๋ ๊ฒฐ์ ์ ์๊ฐํ ์ ์์ต๋๋ค.
WordPress๋ ์ฌ์ฉ์๋ฅผ ๋์์ผ๋กํ์ง๋ง ๋๊ตฌ ์ผ ๋ฟ์ด๋ฉฐ ๋ชฉํ ๋ฌ์ฑ์ ๋์ธ WP ์ ๋ฌธ๊ฐ๊ฐ์๋ ๊ฒฝ์ฐ ์ฌ์ฉ์๋ ํด๋น ๋๊ตฌ๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค.
์๋ก ์ค์น ํ ์ฌ์ฉ์๋ฅผ ์์ฉํ๊ณ ์ถ๋ค๋ ์ธ๊ธ์๋ณด๊ณ ์์ง๋ง (๋ฌด์์ ๋๊น? ์ฐ๊ฐ ์น ์ฆ๊ฐ์ 1 % ์ ๋?) ๊ธฐ์กด ์ฌ์ฉ์ ๊ธฐ๋ฐ (~ 28 %)์ ๋๊ฐ๋ฅผ ์น๋ฅด๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋๋ถ๋ถ์ ๋ฉํ ์์๊ฐ ํ๋ ์ด์์๋ ํ๋ฌ๊ทธ์ธ์ ์คํํ๊ณ ์์ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ๊ท๋ชจ์ ๊ด๊ณ์์ด ๋น์ฆ๋์ค ๊ฐ๊ฐ์ด ์ข์ง ์์ ๊ฒ ๊ฐ์ต๋๋ค.
๋๋ ์ด๋ฐ์ฌ๋ก๊ธฐ๋ฅผ ์ป์ต๋๋ค. ์ต๊ณ ์ ํธ์ง๊ธฐ๋ฅผ ๋ง๋ ๋ค์ ์ด๋ํฐ ํจํด์ ์ฌ์ฉํ์ฌ ์ด์ ๊ณผ ์ ๊ฒ์ผ๋ก ์ด์ผ๊ธฐํ์ญ์์ค. ๋ฌธ์ ๋ PHP์ JS๊ฐ ์๋ก ๋ค๋ฅธ ๊ธฐ์ ์ด๋ฉฐ, ์ด์ ์ ์ ๊ณต๋ ๋ชจ๋ ์ด์ ๋ก ์ธํด ํด๋น ๋ฌธ์ ๋ฅผ HTML iframe์ ์์ญ์ผ๋ก ์ ๋ฌํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํ๋ค๋ ๊ฒ์ ๋๋ค.
์ฒซ ๋ฒ์งธ ํต๊ณผ ์๊ณ ์คํ ์ด์์ง๋ง์ด ๋ ธ๋ ฅ์ ์ฑ๊ณตํ์ง ๋ชปํ์ต๋๋ค. ๋ ๋นจ๋ฆฌ ํ์ธ ๋ ์๋ก ๋ค์ ์ ์์ผ๋ก ๋ ๋นจ๋ฆฌ ์ด๋ํ ์ ์์ต๋๋ค.
ํ์ง๋ง ๋ชจ๋ ๋น์ฌ์๋ฅผ ๋ง์กฑ์ํค๋ ๋ฉํ ๋ฐ์ค์ ๊ฒฝ์ฐ ์ ์ ํ ์๋ฃจ์ ์ ์ฐพ๋ ์ฌ๋์ ์๋ฌด๋ ์์ต๋๋ค.
์ฆ, ํ ๋น์ฌ์๋ ์ฐธ์์ฑ์ด ํ์ํฉ๋๋ค. 10-50 ๋ช ์ ์น ๊ตฌํ ๋ฒ ๋ฅดํฌ ๊ฐ๋ฐ์ ๋ , ์๋๋ฉด _ ๋ฌด์์ํ๋ ๊ฐ๋ฐ์ ์๋ฐฑ / ์ฒ๋ช ์ด๋ , ์ฌ์ฉ์๋ ๋ฌผ๋ก ๋ณ๊ฒฝ ์ฌํญ์ด ๊ทธ๋ค์๊ฒ ๋ฏธ์น ์ํฅ์ด๋ ์ฐ๋ฆฌ๋ ์๊ฒ ๋ ๊ฒ์ ๋๋ค.
๋ชจ๋ ๋์ ์ ์์ด ์์ง๋๋ฉด ์ ์ฒด ํ์ด์ง๋ฅผ ์ฌ์ ์ํ๋ ๊ฒ์ด ๋ชจ๋ ๋น์ฌ์์๊ฒ ์ ํฉํ์ง ์๋ค๋ ์๋ณด๊ฐ์์ ์ ์์ต๋๋ค. ์ ์ด๋ ํ์ฌ ์๋์ค์ธ ๋จ์ผ ํํธ์๋ ์์ต๋๋ค.
์๋ ์ง๋ฌธ์ผ๋ก ๋์๊ฐ๋ ค๋ฉด iframe์ด ๋ฉํ ๋ฐ์ค์ ์ฅ๊ธฐ์ ์ธ ์๋ฃจ์ ์ ๋๊น? ์ฌ๋ฌ ๊ฐ๋ฐ์ (๊ทธ๊ฒ๋ ์ฌ์ฉ์๋ผ๋ ์ฌ์ค์ ์์ง ๋ง์ธ์)๊ฐ ๋๋ต์ด '์๋์'์ธ ์ด์ ๋ฅผ ์ค๋ช ํ์ต๋๋ค.
์ฐ๋ฆฌ๋ ์ฌ๊ธฐ์ ํฌ๊ฒ ๊ฑด์ค์ ์ธ ๋ ผ์๋ฅผํ๊ณ ์์ต๋๋ค. ์๊ฐํด ๋ด๋ค:
์ฐ๋ฆฌ๋ ๊ทธ ๋ค์์๋ ์ธ๊ฐ์ด ์๋๋ผ ์์ด๋์ด, ์ฝ๋, ํฝ์ ์ ๋นํํฉ๋๋ค. ์ต์ ์ ๋ฐฉ๋ฒ์ ๋ํด ์๊ฒฌ์ด ๋ค๋ฅผ ์ ์์ง๋ง ์๊ฒฉ ์ฆ๋ช ์ ์๋ฌธ์ ์ ๊ธฐํ์ง๋ ์์ต๋๋ค. ์ฐ๋ฆฌ๊ฐ ๊ฐ์ธ์๊ฒ ๋ง์ ๊ฑธ ๋, ๊ทธ๋ค์ ๋ค์ด ์ฌ๋ ค ์ํ ์ผ์ ๋ํด ๊ณต๋ก๋ฅผ ์ธ์ ํ๋ ๊ฒ์ ๋๋ค. ์ธ์์์ ๋๋ฌด ๋ง์ ์ผ์ด ์ผ์ด๋๊ณ ์๊ธฐ ๋๋ฌธ์ ์ฐ๋ฆฌ๋ ์๋ก๋ฅผ ๋๋ด์ผํฉ๋๋ค. ์ด๊ฒ์ ๊ธฐ๋ ๋น์ ์ธ ๋์ ์ด์ง๋ง ์ฐ๋ฆฌ๋ ํจ๊ป ํ ๊ฒ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ ๋ฐ์ค๊ฐ @ BE-Webdesign์ด ํ ๋จ๊ณ ๋ ๋์๊ฐ์ด ์์ ์ ์ํ ํ ๊ฒฐ๊ณผ, ๊ฑฐ์ ๋์์์ด ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ๋ ๋ฆฝ์ ์ผ๋ก ๊ฐ์๊ธฐ ๋ํ๋ ๊ฒฐ๊ณผ์์ ๋ชจ๋์๊ฒ ์๊ธฐ์์ผ ๋๋ฆฌ๊ฒ ์ต๋๋ค. @ BE-Webdesign์ด ์๋์๋ค๋ฉด Gutenberg์ ๋ฉํ ๋ฐ์ค๊ฐ ์์ ๊ฒ์ ๋๋ค. ์ฌ๊ธฐ์ ๋จ๊ฒจ์ง 47 ๊ฐ์ ๋๊ธ ์ค 2 ๋ช ๋ง์ด ๋ฆฌ๋ทฐ ๋ฐ UX ๋ชฉ์ ์ผ๋ก ๋ฉํ ๋ฐ์ค ์ฝ๋๋ฅผ ์ค์ ๋ก ๋ง์ก์ต๋๋ค.
ํ์ง๋ง ์ฌ๊ธฐ์ ๊ทผ๋ณธ์ ์ธ ๋ฌธ์ ๋ ์์ ํ์ง ์์ ์ฝ๋๋ฅผ ์์ฑํ์ง ์๊ณ 1 ๊ธ ์๋ฏผ์ผ๋ก์ ๋ฉํ ๋ฐ์ค๋ฅผ ํ์ด์ง์ ์์ ํ๊ฒ ๊ฐ์ ธ ์ค๋ ๋ฐฉ๋ฒ์ ๋๋ค.
edit.php
ํ์ด์ง์์๋ ๊ฒ์ฒ๋ผ ๊ฐ์ฅํ์ฌ ๋ฉํ ๋ฐ์ค๋ฅผ ์์ฑํ๋ ๋ฌธ์ ๊ฐ ํฌํจ๋์์ต๋๋ค. ์ด๊ธฐ ๋ณด๊ณ ์์ ๋ฐ๋ฅด๋ฉด ํธํ์ฑ ๋ฌธ์ ๊ฐ ์์ผ๋ฉฐ ์คํ ๊ฐ๋ฅํ ์๋ฃจ์
์ด ์๋๋ผ ๋งค์ฐ ํดํน๋นํ์ต๋๋ค. ์ด๋ ๋ง์ ํ๋ฌ๊ทธ์ธ์ด ํน์ ์ํฉ์ด ์ถฉ์กฑ๋๋ ๊ฒฝ์ฐ์๋ง ๋ฉํ ๋ฐ์ค๋ฅผ ๋ฑ๋กํ๊ณ WP๋ฅผ ๋ ๋๋ง ํ ์๊ธฐ๋ฅผ ์์ง ๋ชปํ๊ธฐ ๋๋ฌธ์
๋๋ค.๋ด ์ ์์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์ค์ ํ์ด์ง์์ Gutenberg๋ฅผ๋ก๋ํ๋ ๋์ ๊ธฐ๋ณธ ํด๋์ ํธ์ง๊ธฐ ํ์ด์ง์๋ก๋ํ๊ณ ๊ธฐ๋ณธ ํ๊ฒฝ์์ ๋ฉํ ๋ฐ์ค๋ฅผ๋ก๋ ํ ๋ค์ JS๋ฅผ ํตํด ์ปจํ ์ด๋ DOM ๋ ธ๋๋ฅผ ๊ตฌ์ฑ ์์๋ก ๋์ด ์ฌ๋ฆฝ๋๋ค.
๊ทธ๋ฐ ๋ค์ ๋ค๋ฅธ ์ข ๋ฅ์ ํ ๊ธ์ ์ฌ์ฉํ์ฌ ํด๋์ ํธ์ง๊ธฐ๋ฅผ ๊ณ์ ์ฌ์ฉํ ์ ์๋์ง ํ์ธํฉ๋๋ค. ์ด ๋ฐฉ๋ฒ:
๋ํ yoast ๋์์ธ์ ์์์ง ๋ง ๋ธ๋ก ๋ฉํ๋ ์ด๋๋ก ๊ฐ๊น์?
๋ถํํ๋ ์ ๋ Gutenberg์ ์ค์ ์ฝ๋๋ฅผ ์ ๊ณตํ๋ ๋ฐ ํ์ํ ์์ค์ js์ ๋ํ ๊ฒฝํ์ด ๊ฑฐ์ ์์ต๋๋ค. ๋๋ WordPress๋ฅผ ๊ฐ๋ฐํ๋ ๊ฒ๋ณด๋ค ๊ฐ๋ฐํ๋ ์ธ๊ณ์ ๋ฐ์ ๋ด๊ทธ๊ธฐ ์์ํ์ต๋๋ค. ๊ทธ๋์ ์ ๊ฐ ํ ์์๋ ์ต์ ์ ํผ๋๋ฐฑ์ ์ ๊ณตํ๊ณ ํธ์ง์๋ฅผ ํ ์คํธํ๊ณ (์ ๋ ๊ฐ์ธ ๋ธ๋ก๊ทธ์์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ์ ๊ทน์ ์ผ๋ก ์ฌ์ฉํฉ๋๋ค) ์ ์ / ์๊ฐ์ ์ ๊ณตํ๋ ๊ฒ์ ๋๋ค. ๋ด๊ฐ ์ฝ๋๋ฅผ ์ ๊ณต ํ ์ ์๋ค๋ฉด ์ ๋ ๊ทธ๋ ๊ฒ ํ ๊ฒ์ ๋๋ค. ์ ๊ฐ ๋์ธ ์์๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์๋ค๋ฉด ์๊ณ ์ถ์ต๋๋ค. ๋๋ ์ด๊ฒ์ ๋ํด ๋ง์ด ์ ๊ฒฝ์ ์ฐ๊ฑฐ๋ ์. :)
๊ธฐ์ฌ๋ ๋ค์ํ ํํ๋ก ์ ๊ณต๋ฉ๋๋ค. ์ด ์๋๋ฅผ ๊ฐ๋ฐํ๋ ๋ฐ ์์ ๋ ์๊ฐ๊ณผ ๋ ธ๋ ฅ์ ๋์ด ํ๊ฐ๋์ง๋ง ํฅํ ๋งค๋ชฐ ๋น์ฉ์ ๋ฐฉ์งํ๋ ํ ์คํธ์ ๋ ผ์๋ ๊ทธ๋งํผ ๊ฐ์น๊ฐ์์ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด iframe ๊ตฌํ๊ณผ ๊ด๋ จํ์ฌ ์๋ก ์ด๋ฆฐ ๋ฌธ์ ๊ฐ ๋ง์ด ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐ ๋ ๋ง์ ์๊ฐ์ ํ ์ ํ๊ฑฐ๋์ด ์ค๋ ๋์ ํ ์คํธ์ ๊ทผ๊ฑฐ๋ฅผ ์ฌ์ฉํ์ฌ ๋ค๋ฅธ ๋ฐฉํฅ์ด ํ์ํ์ง ๊ฒฐ์ ํ ์ ์์ต๋๋ค. ๊ทธ๊ฒ์ด ์ฐ๋ฆฌ๊ฐ ๊ทธ๋ฃน์ผ๋ก ๋๋ฌ ํ ์คํ ์ด์์ผ๋ฉดํฉ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ ๋ฐ์ค๊ฐ @ BE-Webdesign์ด ํ ๋จ๊ณ ๋ ๋์๊ฐ์ด ์์ ์ ์ํ ํ ๊ฒฐ๊ณผ, ๊ฑฐ์ ๋์์์ด ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ๋ ๋ฆฝ์ ์ผ๋ก ๊ฐ์๊ธฐ ๋ํ๋ ๊ฒฐ๊ณผ์์ ๋ชจ๋์๊ฒ ์๊ธฐ์์ผ ๋๋ฆฌ๊ฒ ์ต๋๋ค. @ BE-Webdesign์ด ์๋์๋ค๋ฉด Gutenberg์ ๋ฉํ ๋ฐ์ค๊ฐ ์์ ๊ฒ์ ๋๋ค.
์นญ์ฐฌ๊ณผ ์ญ๋ฐฐ๋ ๋ฉ์ง์ง๋ง ๐, ํ์คํ ๋์์ ๋ฐ์์ผ๋ฉฐ ๋๋ถ๋ถ ๋ง์ ์ฌ๋๋ค์ ํ ๋ ธ๋ ฅ์ ๋๋ค.
๋ด ์ ์์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์ค์ ํ์ด์ง์์ Gutenberg๋ฅผ๋ก๋ํ๋ ๋์ ๊ธฐ๋ณธ ํด๋์ ํธ์ง๊ธฐ ํ์ด์ง์๋ก๋ํ๊ณ > ๋ฉํ ๋ฐ์ค๋ฅผ ๊ธฐ๋ณธ ํ๊ฒฝ์๋ก๋ ํ ๋ค์ JS๋ฅผ ํตํด ์ปจํ ์ด๋ DOM ๋ ธ๋๋ฅผ ์ปดํฌ๋ํธ๋ก ๋์ด ์ฌ๋ฆฝ๋๋ค.
์, ์ด๊ฒ์ด ๋ค์ ๋ฐ๋ณต ์ผ ๊ฐ๋ฅ์ฑ์ด ๋์ผ๋ฉฐ ๊ฑด์ค์ ์ธ ์์ด๋์ด ์ผ๋ฟ๋ง ์๋๋ผ ํ๋ฅญํ ์ ์์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์ด ์์ ์ ๊นจ๋ํ๊ฒ ์ํํ๋ ๋ฐฉ๋ฒ์ ์์ง 100 % ํ์ ํ์ง๋ ๋ชปํ์ง๋ง iframe์ ์ฌ์ฉํ์ง ์๊ณ Gutenberg๊ฐ ์ด๋ฏธ ์ ๊ณตํ๋ ๊ฒ๊ณผ ๋์ผํ ํฅ์๋ UX๋ฅผ ๊ฐ๋ ๊ฒ์ ์ ์ ์ผ๋ก ๊ฐ๋ฅํฉ๋๋ค. ๋ฉํ ๋ฐ์ค ํ๊ฒฝ์ ๊ฐ์ ํ๊ธฐ์ํ ์ ๋ฐ์ดํธ๊ฐ์์ ์์ ์ด๋ฉฐ, ์ด๋ iframe ์ ๊ฑฐ๋ฅผ ํฌํจ ํ ๊ฒ์ ๋๋ค. iframe ๋ฐฉ๋ฒ์ ๋ฉํ ๋ฐ์ค ์ง์์ด ์ด๋ป๊ฒ ๊ตฌํ ๋ ์ ์๋์ง ํ์ธํ๋ ๋ฐฉ๋ฒ์ผ๋ก ์ฌ์ฉ๋์์ผ๋ฉฐ ์ด์ ๋ ๋์ ๊ฐ์ ์ด ์ด๋ฃจ์ด์ง๋๋ค. ๋ช ๋ฌ ์ (์๋ก์ด ์ฃผ์ ๊ฐ ์๋) ๋ฉํ ๋ฐ์ค๋ก ์ฒ์ ํ์๋์์ ๋, ๋น์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํ๋ก ์ธํด iframe ์ ๊ทผ ๋ฐฉ์์ผ๋ก ์งํํ๋ ๊ฒ์ด ํฉ๋ฆฌ์ ์ด์์ต๋๋ค. ๊ธฐ์ ์ ์ธ ๊ด์ ์์ ๋ณด๋ฉด iframe์ ๋ ์ด์ ์ฌ์ฉํ ํ์๊ฐ ์์ต๋๋ค. ๋ ๋ง์ ์์ ์ด ํ์ํฉ๋๋ค.
@ BE-Webdesign ์ฌ๊ธฐ์ ๊ทํ์ ๋ ธ๋ ฅ๊ณผ ์๊ฒฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ด ์ ๊ทผ ๋ฐฉ์์ ๋ ผ์ ํ ์ค๋น๊ฐ๋๋ฉด์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ ์๋ก์ด ๋ฌธ์ ๋ฅผ ์์ํ๊ฒ ์ต๋๋ค.
์ ์ ์ค๋จํ๊ณ ๋์ค์ ๋ค์ ํ๊ฐํ์ญ์์ค.
๋ชจ๋ ์ฌ๋์ด ํ๋ก์ ํธ ์ค๊ณ์ ๋ํ์ด ์ ๊ทผ ๋ฐฉ์์ ์ต์ํ ๊ฒ์ ์๋์ง๋ง ์ด๊ฒ์ ๊ฑฐ์ ๋ชจ๋ ๊ฒ์ ๋งค์ผ ์ง์์ ์ผ๋ก ์ฌํ๊ฐํ๋ ํ๋ก์ ํธ์ ๋๋ค. ์๋ณธ ๋ชจํ์ ํ์ฌ ํธ์ง๊ธฐ์ ๋น๊ตํฉ๋๋ค. ๋ชจ๋ ๊ฒ์ ๋ณํ๋ค. ๋๋ถ๋ถ์ ์กฐ๊ฐ์ ๋๋ก ์ค์ ๋์ง ์์ต๋๋ค. ์ด๋ค ๊ฒ์ด ํจ๊ณผ๊ฐ ์๋์ง๋ฅผ ์ง์ ์ผ๋ก ํ๊ฐํ๋ ์ ์ผํ ๋ฐฉ๋ฒ์ ์ค์ ๋ก ์คํํ๋ ๊ฒ์ ๋๋ค. ๋ชจ๋ ์ฌ๋์ด ์ ํ ๋์์ธ์ ๋๊ฐ์ ๋ฐฉ์์ผ๋ก ์ ๊ทผํ๋ ๊ฒ์ ์๋์ง๋ง Gutenberg์ ๋น ๋ฅธ ๋ฐ๋ณต์ ๋ฏธ๋ฆฌ ์๋ ค์ง์ง ์์ ๊ฒ์ ํด์ํ๋ ค๊ณ ์๋ํ๋ ๊ฒ๋ณด๋ค ์ ์ ๊ณตํ๊ณ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
ํ ๋ก ํด์ฃผ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋ํ๊ฐ ์ฃผ์ ์ ๋ฌธ์ ๋ก ๋ค์ ์ง์ค๋์ด ๊ธฐ์ฉ๋๋ค. _iframe์ ๋ฉํ ๋ฐ์ค์ ๋ํ ํ์ฌ ์ ๊ทผ ๋ฐฉ์์ด ์คํ ๊ฐ๋ฅํฉ๋๊น? ๋๋ต์ ์๋์ค์ ๋๋ค. iframe์ ์๋์ ์ผ๋ก ์ฝ๊ฒ ์ญ์ ํ ์ ์๋ค๊ณ ์๊ฐํ๋ ๊ตฌํ ์ธ๋ถ ์ฌํญ์ ๋๋ค. ๊ทธ๋์ ๊ทธ๊ฒ์ ์ง์คํฉ์๋ค.
๊ฒฐ๋ก ์ ์ผ๋ก, ํธ์ง ํ๋ฉด์ ๋ํด ์๋ฌด๊ฒ๋ ๋ณ๊ฒฝํ์ง ์๋ ๊ฒ์ด ์ฐ๋ฆฌ๊ฐ ํ ์์๋ ๊ฐ์ฅ ๊ฐ๋จํ ๊ฒฝ๋ก๋ผ๊ณ ๋ง๋ถ์ด๊ณ ์ถ์ต๋๋ค. ๋ํ ํ๋ก์ ํธ์ ๋ชฉํ์ WordPress์ ์ฅ๊ธฐ ์ฌ์ฉ์์๊ฒ๋ ๋ถ๊ณตํํฉ๋๋ค. ์ผ๋ถ ์ฌ๋๋ค์ด ์ค์ฉ์ ์ธ ์ ๊ทผ ๋ฐฉ์์ด๋ผ๊ณ ๋ถ๋ฅด๋ ๊ฒ์์ด ํ๋ก์ ํธ๊ฐ ์ฒ์๋ถํฐ ๊ฐ์ ธ ์๋ ๋์์ธ ๋ฐฉํฅ (์ ์ฒด ์ฌ์ดํธ ์ฌ์ฉ์ ์ง์ ์ ํฅํ) ๋ฐ ์ง๊ธ๊น์ง ์ฐ๋ฆฌ์ ๊ฒฐ์ ์ ์ง์ ํ ๊ฒ๊ณผ ์๋ฐ๋์ง ์์ต๋๋ค. ์ฌ๊ธฐ์ ์ต์ข ์๋ฃจ์ ์ด ๋ ํ์๋ ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ์ค๊ณ ์ ์ ๋ด์์ ๊ฐ๋ฅํ ๊ฒ์ ํ๊ตฌํ๊ณ ํ ์คํธ๋ฅผ ์ํด ๊ฑฐ๊ธฐ์ ๋ฐฐ์นํ๊ณ ์์ต๋๋ค. ์ด๊ฒ์ ์ฐ๋ฆฌ ํผ์์ ๋ง๋ค ์ ์์ผ๋ฉฐ ๊ทน๋ณตํด์ผ ํ ๊ธธ์ ๋ช ๊ฐ์ง ์ด๋ ค์ด ๋ฌธ์ ๊ฐ ๋ฌปํ ์๊ธฐ ๋๋ฌธ์ ์ฌ๋ฌ๋ถ ๋ชจ๋๋ก๋ถํฐ ์ป์ ์์๋ ๋ชจ๋ ๋์์ ์ง์ฌ์ผ๋ก ํ์ํฉ๋๋ค.
WordPress๋ ํญ์ ์ฌ์ฉ์์ ํจ๊ป ์ด๋ํ๋ฉฐ ๊ธฐ์กด ์ฝ๋๋ฅผ ์ฝ๊ฒ ์ ํ ํ ์ ์๋๋ก ๊ฐ๋ฐ ๊ฒฝ๋ก๋ฅผ ํ์ ํด์ผํฉ๋๋ค. ํ๋ก์ ํธ๋ก์, ์ฐ๋ฆฌ๋ WordPress์์ ๋ฉํ ๋ฐ์ค์ ๋ํ ์ง์์ ์ค๋จํ์ง ์๊ณ , ํด๋์ ํธ์ง๊ธฐ๋ฅผ๋ก๋ ํ ์์๋ ๊ฐ๋ฅ์ฑ์ ํฌํจํ์ฌ ์๋ก์ด ํจ๋ฌ๋ค์ ๋ด์์ ์ด๋ค ์ธํฐํ์ด์ค ๊ฒฐ์ ์ ๋ด๋ ค์ผํ๋์ง ํ์ํด์ผํ๋ค๊ณ ๋งํ์ต๋๋ค. ์ฐ๋ฆฌ๊ฐ ์ฒ๋ฆฌ ํ ์์๋ ๋ฉํ ๋ฐ์ค ๋๋ ์ฝํ ์ธ ๊ฐ ๋ฌด์์ด๊ณ ๋ฉํ ๋ฐ์ดํฐ๊ฐ ๋ฌด์์ธ์ง๋ฅผ๋ณด๋ค ๋ช ํํ๊ฒ ์ค๋ช ํ๋ ค๋ ํธ์ง์์ ์ง์ ์ถฉ๋ํ๋ ๋ฉํ ๋ฐ์ค๋ฅผ ๊ฐ์งํฉ๋๋ค. ์ง๊ธ ๋น์ฅ ๊ธฐ๋ณธ ๊ตฌํ ๋ฒ ๋ฅดํฌ ๊ฒฝํ์ ํํ์๋ฐ์ ์์๋ ์ฌ๋๋ค์ด ์์ต๋๋ค. ๊ฐ๋ฐ์๋ก์ ์ฐ๋ฆฌ๋ ์๋ฃจ์ ์ ์ ์กฐ ํ ์์๋ ํน๊ถ์ ๋๋ฆด ์์์๋ฟ๋ง ์๋๋ผ, ๊ทธ๋ ์ง ์์ผ๋ฉด ์ด๋ ค์์ ๊ฒช์ ์ฌ๋๋ค์ด ์คํ ์น์ ์กด์ฌํ๋๋ก ํ์ฉํ๊ธฐ ์ํด ๋ณ๊ฒฝํด์ผํ๋ ๋ณ๊ฒฝ ์ฌํญ์ ํผํ์ง ์์ ์ฑ ์๋ ์์ต๋๋ค.
@mtias ํนํ "WordPress๋ ํญ์ ์ฌ์ฉ์์ ํจ๊ป ์์ง์ ๋๋ค"์ ๋ํ ๊ทํ์ ํ๋ช ํ ์๊ฒฌ์ ์ง์ฌ์ผ๋ก ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
์ํ๊น๊ฒ๋ @youknowriad ๊ฐ์ด ์ค๋ ๋์์
์ํ๊น๊ฒ๋ ๊ธฐ์กด ๋ฉํ ๋ฐ์ค์ ํธํ๋๋ ๋์์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ชจ๋ ์ ์ฐ์ฑ์ ์ ๊ณตํ๋ Yoast ์ค์ผ์น๋ฅผ ์ธ๊ธํ์ง ์์์ต๋๋ค. ์ ๋น์ ์ด์ด ์ ๊ทผ๋ฒ์ ๊ณ ๋ คํ์ง ์๋์ง ๋๊ตฐ๊ฐ๊ฐ ์ธ์ ํ ์ ์์ต๋๊น?
๋ถํํ๋ ์ด๊ฒ์ @youknowriad ๊ฐ์ด ์ค๋ ๋์์ ํต์ ํ ๊ฒ๊ณผ ์์ ํ ์์ถฉ๋ฉ๋๋ค.
์ ๊ฐ ๋งํ ๋ด์ฉ์ ์คํดํ์ ๊ฒ ๊ฐ์ต๋๋ค. ์ฌ์ค์ ์ด๊ฑฐํ๋ ์ค์ด๊ณ @mtias ์๊ฐ์ 100 % ๊ณต์ ํฉ๋๋ค.
@mtias
์ผ๋ถ ์ฌ๋๋ค์ด ์ค์ฉ์ ์ธ ์ ๊ทผ ๋ฐฉ์์ด๋ผ๊ณ ๋ถ๋ฅด๋ ๊ฒ์์ด ํ๋ก์ ํธ๊ฐ ์ฒ์๋ถํฐ ๊ฐ์ก๋ ๋์์ธ ๋ฐฉํฅ๊ณผ ์๋ฐ๋์ง ์์ต๋๋ค.
๋๋์ด ๊ฒฌํด์ ์ ๋ง๋ก ๋์ํ์ง ์๋๋ค. ํธ์ง๊ธฐ ์์ฒด์ ์ ํ๋์ด ์์ง๋ง ๋ฉํ ๋ฐ์ค๋ฅผ ๋์ฒด ํ ์์๋ ํ์ด์๋ ๋ฐ๋ณต์ ์ธ ํฅ์์ ๋ง๋ค๊ณ ํ๋ API๋ฅผ ๋ฆด๋ฆฌ์คํ๊ณ ์น๊ฒฉํ๋ ๊ฒ์ ๋จ์ํ ์ฌ์ฉ ํธ์์ฑ๋ง์ผ๋ก ํ๋ฌ๊ทธ์ธ์ ๋๋์ ๋ธ๋ก ํจ๋ฌ๋ค์์ผ๋ก ์ ํํ๋ ๋ถ๋๋ฌ์ด ๋ฐฉ๋ฒ์ด ๋ ๊ฒ์ ๋๋ค. , ์ฐ๋ฆฌ๊ฐ ์ง๊ธ ๊ฐ์ง๊ณ ์๋ ๋ถ์์ง ํ๊ฒฝ๊ณผ ๋น๊ตํ๋ฉด.
๋งค๋๋ฝ๊ฒ ์ค๊ฐ ์ ํ์ ์ํํ๋ฉด post_edit ํ๋ฉด์์ ์ง์ DOM ์์ฑ / ์กฐ์์ ๋ ์ด์ ์ฌ์ฉํ์ง ์๋๋ก ํจ์ฌ ์ฝ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค. ๊ทธ๋๊น์ง๋ ํ์ค ์ค์ ์๋ฃจ์ ์ด ๋ ์ด์ ๊ทธ๋ฌํ ์กฐ์์ ํฌํจํ์ง ์๊ธฐ ๋๋ฌธ์ ๋๋ค. ๋๋ ๋๊ตฌ๋ "์ง์ DOM ์กฐ์์ด ์์ํ ๊ธฐ๋ณธ ๊ฒฝํ์ด๋์ด์ผํ๋ค"๊ณ ๋งํ์ง ์๋๋ค. ๊ทธ๋ค์ "์ด์ ๊ธฐ๋ณธ ์๋ฃจ์ "์ด๋ผ๊ณ ๋งํฉ๋๋ค.
์ ์ฒด ํ๋ฉด ์๋ฃจ์ ์ผ๋ก dom ์กฐ์์ ์์ ํ ์ ์ฐ์ฑ์ ์ ์งํ ์ ์๋ค๋ฉด ์๋ํด๋ณด์ญ์์ค ...ํ์ง๋ง ๊ทธ๊ฒ์ ๋งค์ฐ ๋์ ๋ชฉํ ์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ํด๋์ ํธ์ง ํ๋ฉด์ ์ด๋ค ํํ ๋ ํธ์ด ์คํ ์ด ์ค์ ๋ก ์ ๊ณต ํ ์ ์์์ง ์์ฌ ์ค๋ฝ์ต๋๋ค. ํฉ๋ฆฌ์ ์ธ ์์ค์ ํธํ์ฑ. ๋ด๊ฐ ํ๋ ธ์ ์๋ ์์ง๋ง, ๋ฐ๋ณต์ ์ธ ์ ๊ทผ ๋ฐฉ์์ด ๋์ผํ ์์ ์ ์ํ ํ ์์๋ ๊ฒฝ์ฐ ์ฌ์ฉ์ ์ ํ์ ์๋ํ๋ ๊ฒ์ ์์ฒญ๋๊ฒ ๋ณต์กํ ํดํน์ฒ๋ผ ๋ณด์ ๋๋ค.
ํ์ฌ ํจ๋ฌ๋ค์์ ์ฐ์ ๊ถ์ ์ ์งํ๋ฉด์ ์๋ก์ด ํจ๋ฌ๋ค์์ ๊ณต๊ฐํจ์ผ๋ก์จ ๋ค๋ฅธ ์ฌ๋์ ํ์ฌ ๊ฒฝํ์ ํด์น์ง ์๊ณ ์ฑํ์ ์ฅ๋ ค ํ ์ ์์ต๋๋ค. ๊ทธ๋ฐ ๋ค์ ๋๋ถ๋ถ์ ์ํฌ ํ๋ก๊ฐ ๋ธ๋ก ํจ๋ฌ๋ค์์ผ๋ก ์ ํ๋๋ฉด ์ง์ DOM ์ ์ด๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ์ ์ฒด ํ๋ฉด ์๋ฃจ์ ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
ํ๋ก์ ํธ์ ๋ชฉํ๋ฅผ ๋ฐฐ์ ํ๋ ๊ฒ์ด ์๋๋ผ ๋จ์ํ ๋ฆด๋ฆฌ์ค ์ผ์ ์ ํด๊ฒฐํ์ฌ ์์ฒ ๊ฐ์ ๋ํ์ฌ์ ๊ฐ๋ฐ์๊ฐ ๋ณ๊ฒฝ ์ฌํญ์๋ณด๋ค ์ฝ๊ฒ โโ๊ด๋ฆฌ ํ ์ โโ์๋๋กํฉ๋๋ค.
@youknowriad ๋ด๊ฐ ๋งํ๋ ๊ฒ์ ๋ท๋ฐ์นจํ๊ธฐ ์ํด ์์ฑํ ๋ด์ฉ์ ๋ช ๊ฐ์ง ์ค ๋ํซ์ ๊ฒ์ํ๊ฒ ์ต๋๋ค.
REST API, ํด๋ผ์ด์ธํธ ์ธก UI๋ฅผ ํ์ฉํ๊ณ ํต์ฌ ๊ฐ๋ : ์์ ฏ, ๋จ์ถ ์ฝ๋, ๋ธ๋ก, ์ฝํ ์ธ ๋ฉํ ๋ฐ์ค๋ฅผ ๊ณ ์ ํ ๊ฐ๋ "A Block"์๋ ํตํฉ
์๋ฌด๋ "์ฝํ ์ธ ๋ฉํ ๋ฐ์ค"๋ฅผ ๋ธ๋ก์ผ๋ก ๋ฐ๊พธ๋ผ๊ณ ์์ฒญํ์ง ์์์ผ๋ฉฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ด๊ธฐ ๋ฒ์ ์ ์ถ์ ํ ๋๊น์ง ํต์ ๋์ง ์์์ต๋๋ค. ์ฌ์ค, ์ด๊ฒ์ด ๋ ผ์์ ํต์ฌ์ ๋๋ค. ๋ฉํ ๋ฐ์ค๊ฐ ํ์ด์ง ์ฝํ ์ธ ๊ฐ ์๋ ๊ฒฝ์ฐ๊ฐ ๋ง๊ธฐ
์ฌ๊ธฐ์ ๊ธฐ์ ์ฝ๋ ๊ฒ๊ณผ ๋ฌ๋ฆฌ ์ด์ ์ ํญ์ ์ ์ฒด ํ์ด์ง๋ฅผ ์ฌ ์ค๊ณํ๋ ๊ฒ์ด ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ ํธ์ง์ ํ์ด์ง์ ์ฒซ ๋ฒ์งธ ๋ชจํ์ ๋งค์ฃผ ๋ ๋ฒ์งธ ๋๋ ์ธ ๋ฒ์งธ ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์์์ ํ์๋์์ต๋๋ค. ์ฐ๋ฆฌ๋ ์์ง ํ๋กํ ํ์ดํ ๋จ๊ณ์์์์ต๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์ ์ค์ผ์น๊ฐ ์ต์ข ๋์์ธ์ด ์๋ ์ผ์ฉ์ด๋ผ๊ณ ๊ณ์ ๋งํ์ต๋๋ค. ๊ฒ๋ค๊ฐ ์ค์ผ์น๋ ์ ์ฒด ํธ์ง ํ๋ฉด์ด React๋ก ๋ณํ๋์๋์ง ์๋๋ฉด ๊ทธ๋ฅ ๋ค๋ฅด๊ฒ ์คํ์ผ์ด ์ง์ ๋์๋์ง ๋ณด์ฌ์ค ์ ์์ต๋๋ค. ์ ์ฒด ํ์ด์ง๊ฐ ๋ค์ ๋์์ธ ๋ ๊ฒ์ด๋ผ๋ ์ฌ์ค์ ๋ด๊ฐ ๋งํ ๋ชจ๋ ์ฌ๋๋ค์๊ฒ ํฐ ๋๋ผ์์ผ๋ก ๋ค๊ฐ ์์ต๋๋ค.
Shortcodes, TinyMCE Buttons ๋ฐ Metaboxes์ ์ฐจ์ด์ ์ ๋ฌด์์ ๋๊น?
๊ฐ์ฅ ํฐ ์ฐจ์ด์ ์โMetaboxesโ์๋โ๋ชฉ์ โ์ด ์๋ค๋ ๊ฒ์ ๋๋ค. Shortcodes ๋ฐ TinyMCE ๋ฒํผ์๋ ์ผ๊ด์ฑ์์ด ํธ์ง๊ธฐ ํ์ด์ง๋ฅผ ํ์ฅํ๋ ๋ฐฉ๋ฒ ์ผ๋ฟ์ ๋๋ค.
์ด๊ฒ์ Automattic์์ ๋์น์ ์ฌ๋ ค์ผํ๋ ๊ฑฐ๋ํ ์คํด์ ๋๋ค. (๊ทธ๋ฆฌ๊ณ @mtias ์ @m ์ด ๋ฃ๊ณ ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค). ์ด๋ ์ฌ์ค์ด ์๋๋ฉฐ์ด ์ง์ ์ ๋ฐ๋ฅธ ๊ทํ์ ํ๋จ์ ์๋ฌธ์ ์ ๊ธฐํฉ๋๋ค.
WordPress์ ์ฅ๊ธฐ์ ์ธ ๊ด์ ์์ Metaboxes๊ฐ (๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๊ด๊ณ์์ด) ์งํ๋ฅผ ์ ๊ทธ๊ณ ์๋ค๊ณ ๊ฒฐ๋ก ์ ๋ด๋ฆด ์ ์์ต๋๊น?
๋ค, ๊ทธ๋ ์ต๋๋ค.
์ฌ๊ธฐ์์๋ ๊ฑฐ์ ์๋ฌด๋ ๋์ํ์ง ์๋๋ค๊ณ ๋งํ๊ณ ์ถ์ต๋๋ค. Automattic์ ์ ํ ๋ฐฉํฅ์ ๊ฒฐ์ ํ๊ธฐ ์ํด ์ด๊ฒ์ ํฌํ์ ๋ฃ์ด์ผํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
๋๋ ๋ํ ๊ธฐ์ฌํด์ผํ๋ ์ฌ๋๋ค๊ณผ ๊ฐ์ ๋ง์ํ๋ @mtias ์๊ฒ ์ง๋ฌธํ๋ค. Automattic๊ณผ ๊ด๋ จ๋ Gutenberg ํ์ด ํ ์น๋ ์น ํธ์ง ์๊ณ ๋ชจ๋ ๋นํ์ ํํผํ๊ณ ์๋ค๋ ๊ฒ์ ๋ถ๋ช ํฉ๋๋ค.
๋๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ํธ์ง ๊ตฌ์ฑ ์์๋ก ์ค์ด๊ธฐ ์ํด PR์ ๋ง๋ค๋ฉด Automattic ๋ด์์ ๋ช ๋ช ์ ๊ฐ์ธ์ด ์์ฑํ ์ง์ ๋ก ์ธํด ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์์ ๊ณ ๋ คํ ๊ฒ์ด๋ผ๋ ๋ฏฟ์์ด ์์ต๋๋ค.
@mtias ,
๊ฒฐ๋ก ์ ์ผ๋ก, ํธ์ง ํ๋ฉด์ ๋ํด ์๋ฌด๊ฒ๋ ๋ณ๊ฒฝํ์ง ์๋ ๊ฒ์ด ์ฐ๋ฆฌ๊ฐ ํ ์์๋ ๊ฐ์ฅ ๊ฐ๋จํ ๊ฒฝ๋ก๋ผ๊ณ ๋ง๋ถ์ด๊ณ ์ถ์ต๋๋ค. ๋ํ ํ๋ก์ ํธ์ ๋ชฉํ์ WordPress์ ์ฅ๊ธฐ ์ฌ์ฉ์์๊ฒ๋ ๋ถ๊ณตํํฉ๋๋ค.
ํ ๋ฒ์ ํ ๊ฑธ์ ์ฉ ๋์๊ฐ๋ ๊ฒ์ ์ด๋ค ์ ์ผ๋ก๋ ํ๋ก์ ํธ์ ๋ชฉํ๋ฅผ ์์์ํค์ง ์์ต๋๋ค . ๊ทธ๊ฒ์ด ๋ชฉํ๋ผ๋ฉด ํ ์ฌ์ด์ฆ ์ปค์คํฐ๋ง์ด์ง์ผ๋ก ๊ฐ ์ ์์ง๋ง, ๋จ๊ณ์ ์ผ๋ก ์ํํ๋ฉด ๋๋จธ์ง ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ๋ ํจ๊ป ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค.
Customizer๊ฐ ์ด์ ๋ํ ๋ํ์ ์ธ ์์ ๋๋ค. ์, ๋นํ์ด ์์ง๋ง ์ต์ข ๊ฐ๋ ์ ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ํน์ ์ฌ์ฉ์ ๊ทธ๋ฃน์ด WP๋ฅผ ์ฌ์ดํธ ๊ด๋ฆฌ ๋๊ตฌ๋ก ํจ์จ์ ์ผ๋ก ํ์ฉํ ์ ์๋๋กํ๋ ๊ธฐ๋ฅ์ด ๋ ๊ฒ์ ๋๋ค.
์ง๊ธ ๋น์ฅ ๊ธฐ๋ณธ ๊ตฌํ ๋ฒ ๋ฅดํฌ ๊ฒฝํ์ ํํ์๋ฐ์ ์์๋ ์ฌ๋๋ค์ด ์์ต๋๋ค.
๋ฌผ๋ก . ๊ทธ๋ฌ๋ ํ์ฌ ๊ธฐ๋ณธ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ํด๋ก์ด ๊ฒฝํ์ ํ ์ฌ๋์ด ํจ์ฌ ๋ ๋ง์ต๋๋ค.
๋๋ ์ฐ๋ฆฌ ๋ชจ๋๊ฐ ์ฐ๋ฆฌ์ ์๋ต์์ ์กด๊ฒฝ์ฌ์ ๊ฐ์ง๊ณ ๋์๊ฐ ์ ํ์์ ์ฌ๋๋ค์ ๋ถ๋ฆฌ ํ ์ โโ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. ์ด์ ์ ํ๋ฅญํ์ง๋ง ์ฐ๋ฆฌ๊ฐ ์ด์ ๊ฐ์ ์ค๋ ๋์์ ์ํธ ์์ฉํ๋ ์ธ๊ฐ์ ๋ํด ์๊ฐํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์ด ํ๋ก์ ํธ์ ์ฐธ์ฌํ ๋ชจ๋ ์ฌ๋์ ๊ด์ฌ์ ๊ฐ๊ณ ์์ผ๋ฉฐ, ๊ทธ๋ ์ง ์์ผ๋ฉด ์ด๋ฌํ ์ค๋ ๋์์ค๊ณ ์ํธ ์์ฉํ์ง ์์ ๊ฒ์ ๋๋ค. ์ด์ ์จ์๋ค์ด ๋ง์๊ณ ์ฐ๋ฆฌ ๋ชจ๋๊ฐ WordPress์ ์ผ๋ง๋ ๊ด์ฌ์ ๊ฐ๊ณ ์๋์ง ๊ธฐ์ตํ๊ณ ๋๊ธ์ ์ค์ฌ์์ด ์ปค๋ฎค๋ํฐ๋ฅผ ๋ชจ๋ ์ฌ๋์ ์ํด ์์ ํ๊ณ ์์ฐ์ ์ผ๋ก ์ ์งํ๊ธฐ๋ฅผ ์ํฉ๋๋ค.
@khromov ,์ด ํ๋ก์ ํธ์ ๋์์ธ ๋ฆฌ๋ ์ธ Matias๊ฐ ๊ธฐ์ ๋ฆฌ๋ ์ธ ๊ฒ์ฒ๋ผ ์ ๋ @youknowriad์ 100 % ๋ค์ฒ์ ธ ์์ต๋๋ค. ๋๋ ๋น์ ์ด ์ด์ ์ ์ด์ง๋ง ์กด์คํ์ง ์๋๋ค๋ ๊ฒ์ ์ดํดํฉ๋๋ค. ํ ์ฌ๋์ ๋ถ๋ฌ์ ์ ๊ทผ ๋ฐฉ์์ ์กฐ์ ํ์ญ์์ค. ๊ฐ์ธ์ ์ธ ํ๋์ ๊ทธ๋งํฉ์๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ์ผํ๋ ๋ง์ ์ฌ๋๋ค์ด ์ด์ ์ WordPress ์ปค๋ฎค๋ํฐ์ ํ์์ด์๊ณ ์ด์ ์๋ ์ฌ์ ํ ํต์ฌ ๊ธฐ์ฌ์ ์์์ ๊ธฐ์ตํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ๋ค, ์ ๋ ํฌํจ๋ฉ๋๋ค. ์ ๋ ์ฌ๊ธฐ์ ๋งค์ฐ ๊ฐ์ธ์ ์ผ๋ก ๋งํ ๊ฒ์ ๋๋ค. ์ผ๋จ PR์ํ๋ฉด ์ ์๊ฒ ์๋ ค ์ฃผ์๋ฉด ์ด๋์์ ์๋์ง์ ์๊ด์์ด ๋ชจ๋ ๋ฆฌ๋ทฐ๊ฐ ๋์ผํ ์กด์ค์ ๋ฐ๋์ง ์ดํด ๋ณด๊ฒ ์ต๋๋ค. ์ ๋ฐ,์ด ํ๋ก์ ํธ๋ฅผ '์ฐ๋ฆฌ ๋ ๊ทธ๋ค'๋ก ๋ณด๋ ๊ฒ์์ ๋์ด ๊ฐ์๋ค. ์ฌ๊ธฐ์ Automattic์ด ์๋ ๋๋ผ์ด ๊ธฐ์ฌ์๊ฐ ์์ต๋๋ค. ๊ทธ ์ง์ ์ ๊ทธ๋ค์๊ฒ ํด๋ฅผ ๋ผ์นฉ๋๋ค.
ํ
๋๋ ์ผ๋ฐ์ ์ผ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋น๋ฐฉํ๋ ์ฌ๋์ผ๋ก ์ฌ๊ฒจ์ง๋ค. ๋ด ๊ฒ์๋ฌผ๊ณผ ๋๊ธ์ ๋ด๊ฐ ์ ๊ทผ ๋ฐ ๊ตฌํ์ ๋ํด ๋ณด๋ ๋ฌธ์ ๋ฅผ ๊ฐ์กฐํ์ง๋ง, ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ชฉํ์ ์งํ ์ํฉ์ ๋๋๋ก ์คํด ๋๋ ์ดํด ๋ถ์กฑ์ผ๋ก ์ธํด ๋๊ธ์์ ์คํด๋๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ๋ก์ ํธ์ ์ค์ํ ๋ชฉํ์ ๋๋ค.
๋ธ๋ก์ ๊ฒ์๋ฌผ ์ฝํ ์ธ ๋ฅผ ํํํ๊ณ ํธ์งํ๋ ์๊ฐ์ ์ธ ๋ฐฉ๋ฒ์ด ์๋๋ฉฐ ์ฝํ ์ธ ์ ํ๊ธฐ ๋ฉ๋ด์ ์ผ๋ถ์ด๊ฑฐ๋ ๋์ด์ ๋์ ์์์ ํ์๋ ์์ต๋๋ค. ๋ฌผ๋ก ๊ทธ๊ฒ๋ค์ ๊ทธ๋ฌํ ๊ฒ๋ค์ ์ฌ์ฉ๋ ์ ์์ผ๋ฉฐ, ์ด๊ฒ์ด ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋์ ๋ณด์ด๋ ๋ถ๋ถ๋ค ์ค ๋ง์ ๋ถ๋ถ์ด ๊ฐ์กฐํ ์ํฌ ํ๋ก์ฐ์ ๋๋ค. ๊ทธ๋ฌ๋ ๊ทธ ํจ๋ฌ๋ค์์ ๋ํด ์๊ณ ์๋ ๊ฒ์ ์ ์ ๋ฌด์ํ๊ณ ๋์ ๋ค์๊ณผ ๊ฐ์ด ์ดํด๋ณด์ญ์์ค.
๋ธ๋ก์ ์ธํฐํ์ด์ค ๋ ์คํ ๋ฆฌ์ง์ ๊ด๊ณ์์ด ์ฌ์ดํธ์ ๊ธฐ๋ณธ ์ ์ด ๊ตฌ์กฐ๋ฅผ ์๋ฏธํฉ๋๋ค.
๋ฌธ์ ๋ ๋ฉํ ๋ฐ์ค๊ฐ ๋ธ๋ก ํจ๋ฌ๋ค์ ๋ด์์ ๋ค์ ์์ฑ ๋ ์ ์๋ค๋ ๊ฒ์ด ์๋๋๋ค. ์ฌ์ค ํฌ์คํธ ์ ํ์ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ์ถ๊ฐ๋๊ณ ์ ์๋ฆฌ์ ๊ณ ์ ๋๊ณ post_content ๋์ ํฌ์คํธ ๋ฉํ์ ์ ์ฅ๋๋ ๋น ํ๋ฐํธ ์๋ ๋ธ๋ก์ด ์์ ๋์ด ์์ต๋๋ค. WordPress 5.0 ๋ฆด๋ฆฌ์ค (๋ด๊ฐ ํ๋ ธ๋ค๋ฉด ์์ ).
๋ณธ์ง์ ์ผ๋ก ํ ์คํธ ์์ ๋ฐ ์ ํ๊ณผ ๊ฐ์ ์ฌ์ํ ๋ฉํ ํ๋์ ๋ํ ๋ชจ๋ ์๊ตฌ ์ฌํญ์ ๋ค๋ฃน๋๋ค. ์ํ๋ ๊ฒฝ์ฐ ํด๋น ์ธํฐํ์ด์ค๋ฅผ ๋ธ๋ก์ผ๋ก ์ ํํ๊ฒ ๋ณต์ ํ๊ฑฐ๋ ๋ธ๋ก์ด ์ ๊ณตํ๋ ์๋ก์ด ์๊ฐ์ ์ธ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ผ๋ถ๋ฅผ ๊ฐ์ํ ํ ์ ์์ต๋๋ค.
๋ฌธ์ ๋ ๋ฉํ ๋ฐ์ค๊ฐ ๋ธ๋ก์ด ๋ ์ ์๋ค๋ ๊ฒ์ด ์๋๋๋ค. ๋ฌธ์ ๋ ํ์ฌ ๋ธ๋ก์์ ์์ง ์ง์๋์ง ์๋ ๋ฉํ ๋ฐ์ค๋ก ๋ง๋ค์ด์ง ์ธํฐํ์ด์ค (์๋ ํ๋ ์ค ๋๋ ํ์ฌ)๊ฐ ์์ผ๋ฉฐ ํด๋น ์์ ์ ๋ค์ ๊ตฌํํ๋ ๊ฒ์ ํนํ ์ด๋ฌํ ๋๊ตฌ๊ฐ ๋น๋๋์ง ์์๊ธฐ ๋๋ฌธ์ ๊ฐ๋ฐ์์๊ฒ ์ด๋ ค์ด ์์ ์ด๋ผ๋ ๊ฒ์ ๋๋ค. ์ ์ ๋ Fields API์ ๊ฐ์ ๊ณตํต API์์ ๊ฐ์ ธ ์์ง๋ง, ํ์ด์ง์ DOM์ ์ง์ ์์ ํ๊ณ ๊ด๋ฆฌ๋์ง ์๋ ์์ ๋ฐฉ์์ผ๋ก ๋ฆฌ์์ค๋ฅผ ๋๊ธฐ์ด์ ์ถ๊ฐํ๋ ํธ์ง-ํฌ์ง ๋ฐฉ์์ ๋๋ค.
์ด ํ์ฌ ์ํ๋ ๊ฐ๋ฐ์์๊ฒ๋ ๋ฌธ์ ๋ฅผ ์ผ์ผ ํต๋๋ค. ์๋ฅผ ๋ค์ด ํ๋์ ๋ํ Piklist์ ํจ๊ป Visual Composer๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ Piklist๋ ๋ง์ ๊ด๋ฆฌ ์คํ์ผ์ ์ฌ์ ์ํ์ฌ VC๋ฅผ ํ์ํ๊ธฐ ๋งค์ฐ ์ด๋ ต๊ฒ ๋ง๋ญ๋๋ค.
๋๋ ์ ๋ฒ์ ์ Select2 ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋๊ธฐ์ด์ ์ถ๊ฐํ๋ ํ๋ฌ๊ทธ์ธ๊ณผ ํจ๊ป WooCommerce๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ํ๋ ๋๋ ๋ค๋ฅธ ํ๋๊ฐ ์ค์ํ JS ์ค๋ฅ์ ํจ๊ป ๊ด๋ฆฌ์ ์ธํฐํ์ด์ค๋ฅผ ์์์ํต๋๋ค.
๋ ๊ฐ์ ๋ค๋ฅธ ํ๋ฌ๊ทธ์ธ์ด ์๋ก ๋ค๋ฅธ ๋ฒ์ ์ CMB2 ํ๋ ์ ์ํฌ์ ์์กดํ๋ ๊ฒฝ์ฐ์๋ ๋์ผํ ์ผ์ด ๋ฐ์ํ ์ ์์ต๋๋ค.
๋ธ๋ก์ ๋ค์ํ ํ์ด์ง ์ถ๊ฐ์ ๋ํ ๊ณตํต ํ๋ ์ ์ํฌ๋ฅผ ๋์ ํ์ฌ ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ค๊ณ ํฉ๋๋ค. ์ด ํ๋ ์ ์ํฌ ์ค ์ผ๋ถ๋ ์์ฆ ๋ฑ ๋๋๊ทธ ์ค ๋๋กญ ์๊ฐ์ ์์๋ฅผ ํธ์ง๊ธฐ์ ์ ๊ณตํ๋ ๋ฐ ์ด์ ์ ๋ง์ถ ๊ฒ์ด์ง๋ง ๋๋ถ๋ถ์ ์ค์ ๋ก ๊ทธ๊ฒ์ ๋ฌถ์ฌ ์์ง ์์ต๋๋ค. ๊ด๋ฆฌ์์ ํ์๋๋ ํญ๋ชฉ์ด ์ผ๋ฐ์ ์ธ ๋ฐฉ์์ผ๋ก ๊ด๋ฆฌ๋๋์ง ํ์ธํ๋ ๊ฒ์ ๋๋ค.
์ด์ WordPress๊ฐ Wild West ๊ฐ๋ฐ ํ๋์์ ๋ฒ์ฑํ์ผ๋ฉฐ์ด ๊ณตํต ํ๋ ์ ์ํฌ๊ฐ ๋ฐ์์ ๋ชจ๋ฅด๋ ๊ฐ๋ฐ์๋ฅผ์ํ ์ง์ ์ฅ๋ฒฝ์ ๋์ธ๋ค๋ ์ ํจํ ์ฃผ์ฅ์ด ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ Block ์ธํฐํ์ด์ค๊ฐ ์ถ์ ์ ์ ๋๋ฆฌ ํผ์ง ๊ฐ๋ฐ์ ์ฑํ์ ๊ฐ๊น์ด ์ด๋ค ๊ฒ๋ ๋๋ฌํ์ง ์์ ๊ฒ์ด๋ผ๋ ์ ํจํ ์ฃผ์ฅ์ด ์์ต๋๋ค. ํ์ฌ ๋ธ๋ก API๊ฐ ์ฝ๊ฐ ์์งํ๊ณ ๋ง์ ์ผ๋ฐ์ ์ธ ์ํฌ ํ๋ก๋ฅผ ๊ณ ๋ คํ์ง ์๊ธฐ ๋๋ฌธ์ ํด๋น ๊ธฐ๋ฅ์ ๋ง๋ค๊ณ ๋ฌธ์ํ ํ ๋๊น์ง ํ๋ฌ๊ทธ์ธ์ ์ ์ฉ ํ ์ ์๋ค๋ ์ ํจํ ์ฃผ์ฅ๋ ์์ต๋๋ค.
๊ทธ๋ฌ๋ Metabox๊ฐ ๋ชจ๋ ์ฌ๋์์ํ ์์ ๋กญ๊ณ ๋ชจ๋ ๊ฒ์ด ๋ชจ๋ ๊ฒ์์ํ ํด๊ฒฐ์ฑ ์ด๋ฉฐ ์์ํ ๋ณด์กด๋์ด์ผํ๋ค๊ณ ์ฃผ์ฅํ๋ ๊ฒ์ ๋๊ตฌ์๊ฒ๋ ํฐ ์ง๋ก๋ฅผ ์ ๊ณตํ์ง ์์ต๋๋ค. WordPress๊ฐ ๋ชจ๋ ์ฌ์ฉ์ (๊ฐ๋ฐ์ ํฌํจ)์๊ฒ ๋ ๋์ ์ต์ ์ ์ ๊ณต ํ ์ ์์ผ๋ ค๋ฉด ์ผ์ข ์ ๊ณตํต ์์คํ ์ด ์์ด์ผํฉ๋๋ค.
์ด ์์คํ ์ด ๋ช ๋ ์ ์ ์ผ๋ฐ์ ์ธ Fields API ์๋ค๋ฉด ์ข์์ ๊ฒ์ ๋๋ค. ๋ฐ๋ผ์ ์ด๋ฌํ ๋ชจ๋ ๋ณ๊ฒฝ ์ฌํญ์ ๋๋ถ๋ถ ํด๋น API์ ๋ ๋๋ง ๋จ๊ณ๋ฅผ ๋์ฒดํ๋ ๊ฒ์ด์ง๋ง ํ์ฌ๋ก์๋ ์์ผ๋ก ๋์๊ฐ ๊ฒฝ๋ก๋ฅผ ์ฐพ์์ผํฉ๋๋ค.
์ฆ, ์ต์ข ๊ณตํต UI๋ก ์ด๋ํ๋ ๊ฐ์ฅ ์ข์ ์ค์ ๋ฐฉ๋ฒ ์ธ Yoast์ ์ ์ ๋ ์์ ์๋ฃจ์ ์ ์ฌ์ ํ ๊ฐ๋ ฅํ๊ฒ ์ฐฌ์ฑํฉ๋๋ค. ๋๋ ๋ฌผ๋ก ๋นํ์ ์ด์ง๋ง ์ฐ๋ฆฌ๊ฐ ์ฌ์ค์ ๋ํด ๋นํ์ ์ด๋ฉฐ ์คํด๊ฐ ์๋์ง ํ์ธํ๊ณ ์ถ์ต๋๋ค.
์ํ๊น๊ฒ๋ @youknowriad ๊ฐ์ด ์ค๋ ๋์์
์ฌ๊ธฐ์์๋ ๊ฑฐ์ ์๋ฌด๋ ๋์ํ์ง ์๋๋ค๊ณ ๋งํ๊ณ ์ถ์ต๋๋ค. Automattic์ ์ ํ ๋ฐฉํฅ์ ๊ฒฐ์ ํ๊ธฐ ์ํด ์ด๊ฒ์ ํฌํ์ ๋ฃ์ด์ผํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
Automattic๊ณผ ๊ด๋ จ๋ Gutenberg ํ์ด ํ ์น๋ ์น ํธ์ง ์๊ณ ๋ชจ๋ ๋นํ์ ํํผํ๊ณ ์๋ค๋ ๊ฒ์ ๋ถ๋ช ํฉ๋๋ค.
๋๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ํธ์ง ๊ตฌ์ฑ ์์๋ก ์ค์ด๊ธฐ ์ํด PR์ ๋ง๋ค๋ฉด Automattic ๋ด์์ ๋ช ๋ช ์ ๊ฐ์ธ์ด ์์ฑํ ์ง์ ๋ก ์ธํด ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์์ ๊ณ ๋ คํ ๊ฒ์ด๋ผ๋ ๋ฏฟ์์ด ์์ต๋๋ค.
๋๋ ๋ช ๋ฐฑํ ๊ฒ์ ๋งํ๊ณ ์ถ์ง๋ง Gutenberg๋ Automattic ์ ํ์ด ์๋๋ผ WordPress ์ปค๋ฎค๋ํฐ ํ๋ก์ ํธ ์ ๋๋ค. ์ ๊ฐ Automattician์ด ๋ ์๋ ์์ง๋ง, ์ด๋ค ์ฌ๋๋ค์ด ์ ์ํ ๊ฒ๊ณผ๋ ๋ฌ๋ฆฌ ํ๋ฆฌ๋์, ์์ด์ ์ CEO ๋๋ ํ์ฌ์ 5 % ์ฝ์์ ์ดํํ๋ ์ ๋ด ๊ฐ๋ฐ์ ๋ฑ ๋ค๋ฅธ ๋๊ตฌ๋ณด๋ค์ด ํ๋ก์ ํธ์ ๋ํ ๋ ๋ง์ ๊ถํ์ ๋ถ์ฌํ์ง ์์ต๋๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก WordPress ์์ฒด๋ Automattic ํ๋ก์ ํธ๊ฐ ์๋ ์ปค๋ฎค๋ํฐ ํ๋ก์ ํธ์ ๋๋ค.
Automattic์ WordPress๋ฅผ "์ถ์"ํ๊ฑฐ๋ "๊ตฌ์ถ" ํ์ง ์์ผ๋ฉฐ Gutenberg๋ Automattic ์ ํ์ด ์๋๋๋ค.
๋์ฑ์ด์ด ๋ํ๊ฐ ๋์ฑ ๊ฐ์ ์ ์ด๋์ด ์ฌ๋๋ค์ด ๋๋ฌด์ ์ฒ์ ์์ด ๋ฒ๋ฆฌ๊ธฐ ์ ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์ด ํ ๋น ํ ์์ ์ ์ด๋ ค์๊ณผ ๊ทธ๋ค์ด ์ผ๋ง๋ ์ ์ฒ๋ฆฌํ๊ณ ์๋์ง ์๊ฐ์๋ด์ด ๊ฐ์ฌํ๊ณ ์ถ์ต๋๋ค. ์ผ๋ฐ์ ์ผ๋ก. ๊ทธ๋ค์ ์ธํฐํ์ด์ค์ ์์ ํ ๊ตฌ์์์๋ง ํจ๊ณผ๋ฅผ ๋ณด์ฌ์ค ์์๋ ์ ์ฝ ๋ด์์ WordPress์ ์ ์ฒด ๊ด๋ฆฌ์ ๊ฒฝํ์ ๊ธฐ๋ฐ์ด ๋ ํจ๋ฌ๋ค์์ ๋ง๋๋ ์๋ฌด๋ฅผ ๋งก์์ต๋๋ค.
"ํธ์ง์๊ฐ ์ธ์ํ๋ค"๋ ์๊ฐ์ผ๋ก ์ธํ ์คํด์ ์์ ์์ฒญ๋๊ณ ๊ด๋ฆฌํ๊ธฐ๊ฐ ๋งค์ฐ ์ด๋ ค์ธ ๊ฒ์
๋๋ค. ๊ทธ๋ค์ ๋ชฉ์ ์ ์๋ ํ๋ ์ค ๊ด๋ฆฌ์๋ฅผ์ํ ๊ณตํต ๋น๋ฉ ๋ธ๋ก์ ๋ง๋ค๊ณ ํธ์ง๊ธฐ๋ฅผ ๋ค์ ๋น๋ํ์ฌ ํ
์คํธํ๋ ๊ฒ์
๋๋ค. ๋๋์ด ์์
์ด wp_editor()
์ธํฐํ์ด์ค๋ฅผ ์ฌ ๊ตฌ์ถํ๊ณ ๊ฑฐ๊ธฐ์์ ํ์ฅํ๋ค๋ฉด ๋์ค์๊ฒ ํจ์ฌ ๋ ๋ง์๊ณ ์ ์ฐ ํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ์ง๋ง, 'ํธ์ง ๊ฒฝํ'์ ๋ชจ๋ ์ฐ๊ฒฐ๋ ๊ตฌ์ฑ ์์๊ฐ ์ ์ ๋ ์๋ก์ด ํจ๋ฌ๋ค์์ ๋ํ๋ณด๋ค ์์ ํ ์ํ.
๋๋ ์ดํดํ๊ณ ์ด ์์ ์ ๋ค์ด๊ฐ ๋ ธ๋ ฅ์ ํด์ ๊ฐ์ฌํฉ๋๋ค. ๋๋ ์ฌ์ ํ ๋ด๋ฆฐ ๊ฒฐ์ ์ค ์ผ๋ถ์ ๋ํด ๋นํ์ ์ด๋ฉฐ ์ด๊ธฐ ์ฑํ์ ํฌ๊ฒ ํฅ์์ํฌ ๋ช ๊ฐ์ง ์์ ์ ํ ์๊ฐ์ด ์๋ค๊ณ ๋ฏฟ์ง๋ง ๊ถ๊ทน์ ์ผ๋ก WordPress ๊ด๋ฆฌ์ ๊ฒฝํ์ ์ํด ๋ ๊ตฌ์กฐํ ๋ ํ๋ ์ ์ํฌ๋ฅผ ์ ๊ณตํ๋ค๋ ์ค์ํ ๋ชฉํ์ ์์ ํ ๋์ํฉ๋๋ค. , ๊ฐ๋ฐ์์ ์ฌ์ฉ์ ๋ชจ๋์๊ฒ.
๋ฟก ๋นต๋จ
@youknowriad๋ฅผ ์ธ๊ธ ํ ์ด์ ๋ ๊ทธ๊ฐ ํ ๋ก ์ ์ฐธ์ฌํ ์ ์ผํ ์ฌ๋
๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ ์ ๋ @youknowriad ์ ๋น๊ณต๊ฐ ์ฑํ ์
@tomjn
๋๋ ์ ์คํ๊ฒ ๋์ํ์ง ์์ต๋๋ค. ์ค์ํ ๊ฒฐ์ ์ Automatticians๊ฐ ๋ด๋ฆฌ๊ณ @youknowriad ์ ๋ํ ํ ํ ์ ํ ๋ฐฉํฅ์ด ์ด๋ฏธ ์ค๋ซ๋์ ์ค์ ๋์ด ์๋ค๋ ๊ฒ์ ์ดํดํ์ต๋๋ค. ๋ฐ๋ผ์ ์ ๊ธฐ์ ์ธ ๊ธฐ์ฌ์๋ ๋ฒ๊ทธ ์์ ๊ณผ ์ฝ๊ฐ์ ์๊ฐ์ ์ธ ๋ฌธ์ ์ธ์๋ ํ ์ผ์ด ์์ต๋๋ค. ์กฐ์ .
@gschoppe ์ด "ํจ๋ฌ๋ค์ ์ ํ"์ด ๊ณต๊ฐ์ ์ผ๋ก ๋ ผ์๋๊ณ ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ์ ํ๋ ฅํ์ฌ ์ด๋ฃจ์ด ์ก์ผ๋ฉดํฉ๋๋ค. ๊ทธ๊ฒ ์๋ ์ผ ์๋ ์์ง๋ง์ด ๊ฒฝ์ฐ ํต์ ์ธก๋ฉด์ด ์ ์๋ํ์ง ์์ต๋๋ค.
์ ๋น์ ์ด์ด ์ ๊ทผ๋ฒ์ ๊ณ ๋ คํ์ง ์๋์ง ๋๊ตฐ๊ฐ๊ฐ ์ธ์ ํ ์ ์์ต๋๊น?
@khromov ์ฐ๋ฆฌ๋ ์ด๋ฏธ ๊ฐ์ง๊ณ ์์๊ณ ์๋ํฐ ์ฑํ ์ ๋ค๋ฅธ ๊ณณ์์ ๋ฑ๋ฑ.์ด ๋ฌธ์ ๋ ํนํ iframe ๊ตฌํ์ ๊ดํ ๊ฒ์ด ์์ต๋๋ค.
๋๋ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ํธ์ง ๊ตฌ์ฑ ์์๋ก ์ค์ด๊ธฐ ์ํด PR์ ๋ง๋ค๋ฉด Automattic ๋ด์์ ๋ช ๋ช ์ ๊ฐ์ธ์ด ์์ฑํ ์ง์ ๋ก ์ธํด ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ์์ ๊ณ ๋ คํ ๊ฒ์ด๋ผ๋ ๋ฏฟ์์ด ์์ต๋๋ค.
์ ํ. ์ฐ๋ฆฌ๋ ๋๋ฌด ์ ํ์ ์ด๊ณ ์ฐ๋ฆฌ๊ฐ ๊ฐ์ง ๋น์ ์ ์ถ์งํ๊ธฐ์ ์ ์ ํ์ง ์๋ค๋ ๊ฒ์ ์์ฃผ ์ผ์ฐ๋ถํฐ ์ค์ค๋ก ๊ณ ๋ คํ์ต๋๋ค. ์ฌ์ ํ ๋ง์ ์ฌ๋๋ค์๊ฒ ํฉ๋ฆฌ์ ์ธ ํํ ์ผ ์ ์์ผ๋ฉฐ ํ์ํ๊ธฐ์ ์ข์ ํ๋ฌ๊ทธ์ธ์ด ๋ ์ ์์ต๋๋ค. ํ์ง๋ง์ด ์์ ์ ์ํํ๋ ๋ฐ ํ์ํ ์์ ์ ์ผ๋ฐ์ ์ผ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ๊ฒ ๋ง๋ค์ด ์ ๋ฐ์ ์ผ๋ก ๊ฐ์ ํ ๊ฒ์ด๋ฏ๋ก ์์ ํ๋ ์ฌ๋๋ค์ ๋ฐ๋ํ์ง ์์ ๊ฒ์ ๋๋ค. ๋๊ตฐ๊ฐ๊ฐ ๊ทธ๋ฌํ PR์ ๋ํด ์์ ํ๋ค๋ฉด, ๊ธฐ๋ณธ์ผ๋ก ์ค์ ํ๋ ๋์ ๋์์ ํ ๊ธํ๊ธฐ ์ํด ์ฐ๊ธฐ ์น์ ์ ์ค์ ์ ์ถ๊ฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
์ฐ๋ฆฌ๋ ์ค์ฒฉ ๋ ๋ธ๋ก, ์ ์ญ ๋ธ๋ก, ์ ์ธ ๋ธ๋ก ํ ํ๋ฆฟ, ์ด ๋ฑ์ ์ค์ฌ์ผ๋ก ์ค์ํ ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค.์ด ๊ธฐ๋ฅ์ ์ฝํ ์ธ ์ํธ๊ฐ ์ ์ฒด ํ์ด์ง ์ธ ๊ฒฝ์ฐ ์ค์ ๋ก ์ด์ต์ ์ป๊ณ ๊ทธ๋ ์ง ์์ผ๋ฉด ๊ฐ๋ฐ์๊ฐ ํ ์์๋ ์์ ๊ณผ ์ฌ์ฉ์๊ฐ ๊ฒฝํํ ์์๋ ๊ฒ์ ์ ํํฉ๋๋ค. ๋ํ TinyMCE์ ๋จ์ํ ๋์ฒด๋ก ๊ณ ์๋ ์ ์ฒด ํ๋ฉด ํธ์ง๊ธฐ์์ ์ค์๊ฐ์ผ๋ก ์ํํ๊ฒ ํตํฉ๋๋ ๋ฌธ์ ๊ฐ์์ ๊ฐ์ ๋ฉ์ง ๋๊ตฌ๋ ์์ต๋๋ค.
ํ ๋ฒ์ ํ ๊ฑธ์ ์ฉ ๋์๊ฐ๋ ๊ฒ์ ์ด๋ค ์ ์ผ๋ก๋ ํ๋ก์ ํธ์ ๋ชฉํ๋ฅผ ์์์ํค์ง ์์ต๋๋ค.
๋ช ํํ! ์ฐ๋ฆฌ๋ Matt์ ์๋ ์๋ก์ด ์ด์ ๊ฒ์๋ฌผ์์ ๋จ๊ณ์ ์ ๊ทผ ๋ฐฉ์์ ์ ์ํ์ผ๋ฉฐ ๋จ๊ณ๋ฅผ ๋ค๋ฅด๊ฒ ๊ณ ๋ คํฉ๋๋ค. ์ผ๋ฐ์ ์ผ๋ก ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ๋ก์ ํธ์๋ ํฌ์คํธ ์๋ํฐ, ํ์ด์ง ํ ํ๋ฆฟ, ์ฌ์ดํธ ๊ตฌ์ถ์ ์ธ ๋จ๊ณ๊ฐ ์์ต๋๋ค. ๊ทผ๋ณธ์ ์ธ ๊ฒ์ ํจ๋ฌ๋ค์์ด ์ฝํ ์ธ ๊ฐ ๋จ์ผ ์์ญ์ด๊ณ , _block_์ ๊ธฐ๋ณธ ๊ฐ๋ ์ผ๋กํ๊ณ , ๊ฒฐ๊ณผ๊ฐ ๊ณผ๋ํ ์ถ์ํ์์ด ๋ช ํํ๊ฒ ์๊ฐ์ ์ผ๋ก ํํ ๋ ์์๋ ํจ๋ฌ๋ค์์ด๋ผ๋ ๊ฒ์ ๋๋ค.
๋ฌผ๋ก . ๊ทธ๋ฌ๋ ํ์ฌ ๊ธฐ๋ณธ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ํด๋ก์ด ๊ฒฝํ์ ํ ์ฌ๋์ด ํจ์ฌ ๋ ๋ง์ต๋๋ค.
๋ฌผ๋ก , ์ด๊ฒ์ด ๋ฐ๋ก ํ์ฌ ํ๊ฒฝ์ผ๋ก ๋ง์๋๋ก ๋์๊ฐ๋ ํ๋ฌ๊ทธ์ธ์ด์๋ ์ด์ ์ด๋ฉฐ, ๋น ํธํ์ฑ์ ์ฒ๋ฆฌํ๋ ๋ฉ์ปค๋์ฆ์ด์์ด ๋ ๋ง์ ํญ๋ชฉ์ ์ตํธ ์ธ ํ ์ ์์ต๋๋ค (์ : ๋ฉํ ๋ฐ์ค์ ์ต์ํ ๊ฒฝ์ฐ). ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ์ง์์ ์ ์ธํ๊ฑฐ๋ ๊ทธ ๋ฐ๋).
@gschoppe ๋๋ ์ฐ๋ฆฌ๊ฐ ๊ณผ๊ฑฐ์ ์ฐ๋ฆฌ์ ๊ณต์ ํ ์๊ฒฌ ์ฐจ์ด๋ฅผ
Automattic์ ๋น์ ์ ์ฐ๋ฆฌ๊ฐ ๋น์ ์ ์์
์ ์กด์คํ ์ ์์ผ๋ฉฐ ์ฐ๋ฆฌ๊ฐ ๋น์ ์ ๋ง์ด ๋ฐ๊ณ ์๋ค๊ณ ๋ถํํด์๋ ์๋ฉ๋๋ค.
7000-10.000 โฌ ํ๋ก ์ ๊ธ์ฌ๊ฐ ์๋๋๋ค. ๋ฐ๋ณด. ์ฌ๋๋ค์ด ๊ฐ๋ฐ์ ์์ ๋ด์ฌ์์๊ฒ WP Trac์ ๋ํด ๋ถํํ๋ ๊ฒ๊ณผ๋ ๋ค๋ฆ
๋๋ค.
๊ตฌํ
๋ฒ ๋ฅดํฌ๊ฐ ๋ํต์ ์ฃผ๋ฉด ์์ฌ์ ์ด์ผ๊ธฐํ์ญ์์ค. ๊ทธ๋ ๋น์ ์๊ฒ ๋ถ๊ฐ๋ฅํ ์ผ์์ฃผ์์ต๋๋ค.
๋์งธ, ๋น์ ์ ์ฌ๊ธฐ์ ๋๊ธ์ ๋ฌ ์๋ ๋๋ค์์ ์ฌ๋๋ค๋ณด๋ค ํจ์ฌ ๋ ๋์ ์ฝ๋์
๋๋ค. ์ "Iframes"์๋ฃจ์
์ ์ ๋ฌํ๋ ค๊ณ ํ์ต๋๊น?
๋ด๊ฐ ๋ง ํ์์์, ๋น์ ์ ์ฌ๋๋ค์ ์์ด๋ค์ฒ๋ผ ๋ํฉ๋๋ค. iframe์ ์ฌ์ฉํด๋ณด๊ณ ์ฌ๋๋ค์ด ํฌ๊ฒ ๋น๋ช
์ ์ง๋ฅด๊ณ ๊ฐ์ ์ ๋ง์ด ๋๋ผ๋์ง ์ดํด ๋ณด๊ฒ ์ต๋๋ค. ๋
ธ์ด์ฆ๊ฐ ๋ง์ผ๋ฉด iframe์์ ๋ฉ์ด์ง๋๋ค.
์ "Iframes"์๋ฃจ์ ์ ์ ๋ฌํ๋ ค๊ณ ํ์ต๋๊น?
๋ด๊ฐ ๋ง ํ์์์, ๋น์ ์ ์ฌ๋๋ค์ ์์ด๋ค์ฒ๋ผ ๋ํฉ๋๋ค. iframe์ ์ฌ์ฉํด๋ณด๊ณ ์ฌ๋๋ค์ด ํฌ๊ฒ ๋น๋ช ์ ์ง๋ฅด๊ณ ๊ฐ์ ์ ๋ง์ด ๋๋ผ๋์ง ์ดํด ๋ณด๊ฒ ์ต๋๋ค. ๋ ธ์ด์ฆ๊ฐ ๋ง์ผ๋ฉด iframe์์ ๋ฉ์ด์ง๋๋ค.
๋ฉํ ๋ฐ์ค ์ง์์ด ์ฒ์ ๊ตฌํ๋์์ ๋ ์ ํธ์ง๊ธฐ๋ post.php๊ฐ ์๋ ์์ ํ ์๋ก์ด ๊ด๋ฆฌ์ ํ์ด์ง์ ์กด์ฌํ๊ณ ํธ์ง๊ธฐ๋ ๋ค๋ฅด๊ฒ๋ก๋๋์์ผ๋ฉฐ ์ผ๋ฐ์ ์ผ๋ก ๋ง์ ์ ์ฝ์ด์์์ต๋๋ค. iframe์ ์ฌ์ฉํ์ฌ ๋ฉํ ๋ฐ์ค ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ์ผ๋ถ ๋ ์ด์ ์กด์ฌํ์ง ์๋ ์ ์ฝ ์กฐ๊ฑด๊ณผ ๊ทธ ๊ฒฐ๊ณผ ๋ฉํ ์์๋ ๋ ์ด์ iframe์ ์ฌ์ฉํ ํ์๊ฐ ์์ต๋๋ค.
์ด ํ๋ก์ ํธ๋ ๋จ์ผ ๋ฆด๋ฆฌ์ค์ ์๋ฒฝ๋ณด๋ค ๋ฆด๋ฆฌ์ค ์ ๋ฐ์ ๊ฑธ์ณ ์ ์ง์ ์ธ ๊ฐ์ ์ ์ ํธํฉ๋๋ค. ์๋ฌด๋ ์ฌ๋๋ค์ด ๋น๋ช ์ ์ง๋ฅด๋ ์ง ํ์ธํ๋ ค๊ณ ํ์ง ์์ต๋๋ค. ํ์ค์ ์ฌ๋๋ค์ด ์ด๊ฒ์ ๋ง๋ค์์์๋ ๋ถ๊ตฌํ๊ณ iframe ์ ๊ทผ ๋ฐฉ์์ด ๋๋ถ๋ถ์ ๋ฉํ ๋ฐ์ค์์ ์ ์๋ํ์ต๋๋ค. ์ด์ ๋ ๊ฐ์ ๋ ๊ฒ์ด๋ฉฐ, ์ ์ ๋ ์ ์ด ์ง ๊ฒ์ ๋๋ค ๐ฑ ๐.
@StaggerLeee๋ ์ด๋์ ์ผํ๋ ์ด ํ๋ก์ ํธ์ ๋ชจ๋ ์ฌ๋์ ์กด์ค ํด์ฃผ์ญ์์ค. ๋๊ตฐ๊ฐ๊ฐ ๋น์ ์ ์ ๋ํ๊ธฐ๋ฅผ ๋ฐ๋ผ๋ ๊ฒ์ฒ๋ผ, ๋ค๋ฅธ ์ฌ๋๋ค์๊ฒ๋ ๋๊ฐ์ดํ์ญ์์ค.
๋๋์ด ํ๋ก์ ํธ์ ๋์์ธ ๋ฆฌ๋๋ก์ ๋น์ ์ด ๋๊ตฌ์๊ฒ๋ ๋งํ ๊ฐ์ธ ์ง์ ์ ๋ณด์ง ์์ ๊ฒ์ ๋๋ค. ๋๋ ๋๊ตฐ๊ฐ๊ฐ ์ผํ๋ ๊ณณ์ด๋ ๊ทธ๋ค์ ๋ฐฐ๊ฒฝ์ ์๊ดํ์ง ์์ต๋๋ค. ๊ทธ๊ฒ์ ๋น์ ์ด ๋ถ๋ฅผ ๊ถ๋ฆฌ๊ฐ์๋ ๊ฐ์ธ ์ ๋ณด์ ๋๋ค. ๊ฐ์ธ์ ๋ฒ๋ฆฌ๊ณ ์ ํ์ ์ง์คํ์ญ์์ค.
์ด์ ์ฐ๋ฆฌ๊ฐ ํ ์์๋ ์ต๊ณ ์ ์ ํ์ ๋ง๋๋ ๋ฐ ์ง์ค ํด ๋ณด๊ฒ ์ต๋๋ค. ๋๋ ๋น์ ์ ํฌ์ธํธ๊ฐ ์ข ์ข ์ด์ ์ ์ฅ์์์ ๋น๋กฏ๋๋ค๋ ๊ฒ์ ์ ๋์ ์ผ๋ก ์ดํดํฉ๋๋ค. ๋น์ ์ ์กด๊ฒฝ์ฌ๊ณผ ์ด์ ์ ๊ฐ์ง ์ ์์ต๋๋ค.
Automattic์ ๋น์ ์ ์ฐ๋ฆฌ๊ฐ ๋น์ ์ ์์ ์ ์กด์คํ ์ ์์ผ๋ฉฐ ์ฐ๋ฆฌ๊ฐ ๋น์ ์ ๋ง์ด ๋ฐ๊ณ ์๋ค๊ณ ๋ถํํด์๋ ์๋ฉ๋๋ค.
7000-10.000 โฌ ํ๋ก ์ ๊ธ์ฌ๊ฐ ์๋๋๋ค. ๋ฐ๋ณด. ์ฌ๋๋ค์ด ๊ฐ๋ฐ์ ์์ ๋ด์ฌ์์๊ฒ WP Trac์ ๋ํด ๋ถํํ๋ ๊ฒ๊ณผ๋ ๋ค๋ฆ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ๋ํต์ ์ฃผ๋ฉด ์์ฌ์ ์ด์ผ๊ธฐํ์ญ์์ค. ๊ทธ๋ ๋น์ ์๊ฒ ๋ถ๊ฐ๋ฅํ ์ผ์์ฃผ์์ต๋๋ค.
@StaggerLeee ๋๋ ๊ทธ ์ ๋์ ํํธ ํํธ๋ฅผ ๋ฐ์์ผ๋ฉด ์ข๊ฒ ์ง ๋ง Automattic์ Google์ด ์๋๊ณ WP ์ธ๊ณ์ ๋ค๋ฅธ ๊ณณ์์ ๋ ๋ง์ ์์ต์ ์ฌ๋ฆด ์ ์์ต๋๋ค. ์ฌ๊ธฐ์์๋ ๋ด ์กด์ฌ๋ ์์ ํ ๋ด ์์ ์์ ๋ฒ์ด๋ ๊ฒ์ด๋ฉฐ, ์ฌ๊ธฐ์์์ ์์๋ ๋๊ฐ๋ฅผ ๋ฐ์ง๋ ์์๊ณ ,์ด ์์ ์ํ๋ ๋ค๋ฅธ ๋ง์ ์ฌ๋๋ค๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค. ์ ๋ ์ค์ ๋ก ์ฝ๋ ๊ฒํ ๋ฅผ ์ํํ๊ณ ์ํฐํ๋ผ์ด์ฆ ํด๋ผ์ด์ธํธ๋ฅผ ์์ํ๋ ๋ฐ ๋์์์ฃผ๋ ๋๊ฐ๋ฅผ ๋ฐ์์ต๋๋ค!
๋ฐ๋ผ์ ๋ฉ์์ง๊ฐ ์์ ๋์๋ค๊ณ ๋ฏฟ์ผ์ญ์์ค. ์ฆ๊ฑฐ๋ ์๋จ์ Pull Requests ํญ์ ์์ต๋๋ค. ์ด๊ฒ์ Automattic ์๋ชจ๊ฐ ์๋๋ฏ๋ก ํด๋ผ์ด์ธํธ์์ ์ฝ๋์ p ** s๋ฅผ ๊นฐ ์ ์์ต๋๋ค (_ ์์ง ๋ง์ธ์. Automattic์ ๋ฉํ ๋ฐ์ค๋ ์ฌ์ฉ _)
์ฌ์ ํ iframe์ ๊ด์ฌ์ด์๋ ์ฌ๋๋ค์ ์ํด iframe์ ์คํ ์ทจ์ํ๊ณ ์ด์ ์ ์ ์ํ ์ ์์ ๊ตฌํํ๋ ค๋์ด Pull ์์ฒญ (https://github.com/WordPress/gutenberg/pull/3345)์ ์ดํด ๋ณด๋ ๊ฒ์ด ์ข์ต๋๋ค.
๋ฉํ ๋ฐ์ค ๊ตฌํ์ ๋ค์ ๋ฐ๋ณต์์ ํธํ์ฑ ๋ฌธ์ ๋ฅผ ํ ์คํธํ๊ณ ์๋ณํ๋ ๊ฒ์ด ์ข์ ๊ฒ์ ๋๋ค. A8C์ ๋ํ ์ฉ์ ์ด๋งค๋ฅผ ๋์ง๋ ๊ฒ์ ๊ธฐ๋ถ์ด ์ข์ ์๋ ์์ง๋ง ๋์์ด๋์ง๋ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ๋งค์ฐ ์ด์ฌํ ์ผํ๋ ์ฌ๋๋ค์ด ์์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํฅ์๋ฐ๋ ์๊ณ (ํ ๋ง ๋ฐ ํ๋ฌ๊ทธ์ธ)๋ฅผ ๊ฐ์ง ์ธ๊ฐ์ด ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํฅ์๋ฐ์ ํ ๋ง์ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ฌ ์์ ์ ์์ ์ ์ํํ๋ ์ธ๊ฐ์ด ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ๋ชจ๋ ์๋ก๋ฅผ ์ฐพ๊ณ ์์ผ๋ฉฐ ํ๋ฃจ๊ฐ ๋๋๋ฉด WordPress์ ๊ฐ์ฅ ์ ํฉํ ๊ฒ์ ์ํฉ๋๋ค. ์ฐ๋ฆฌ๋ "์ต๊ณ "๊ฐ ๋ฌด์์ ์๋ฏธํ๋์ง์ ๋ํด ์ด์ ์ ์ผ๋ก ๋์ํ์ง ์์ ์ ์์ต๋๋ค.
Mockup๋ง์ผ๋ก๋ ์ ์ฒด ํธ์ง ํ์ด์ง์ ์ฝ๋ ๊ธฐ๋ฐ์ด React์์ ๋ค์ ์์ฑ ๋ ๊ฒ์ด๋ผ๋ ์ ํธ๋ฅผ ๋ณด๋ด์ง ์์์ต๋๋ค. ์ค์ํ ํํฌ๊ฐ ์ ๊ฑฐ๋๊ฑฐ๋ ๋ฉํ ์์๊ฐ ์์ ๋ ๊ฒ์ด๋ผ๋ ๋ชจํ์ ๋ณด๋ ์ฌ๋์ ์๋ฌด๋ ๋ชจ๋ฆ ๋๋ค. ๊ทธ๋ฌ๋ ์ ์ฒด ํ์ด์ง๋ฅผ ์ฐจ์งํ๋ ๊ฒ์ด ๋ฉํ ๋ฐ์ค์ ๋ฌธ์ ๊ฐ ๋ ๊ฒ์ด๋ผ๋ ๊ฒ์ด ๋ถ๋ช ํด ์ก์ ๋, ๋๋
0.1.0
์ด ์ถ์๋๊ธฐ ์ ๋ ์ธ 6 ์ 15 ์ผ์ ๊ทธ ์ฐ๋ ค๋๋ ์ํ ์ด์ ๋จ๊ณ๋ถํฐ Gutenberg๋ฅผ ๋ฉด๋ฐํ ๋ฐ๋ฅด๊ณ ํ ์คํธ ํ ๊ฒฝํ์ ๋ฐํ์ผ๋ก์ด ๋ฌธ์ ๋ฅผ ๋ง๋ค์์ต๋๋ค. ์ด๊ฒ์ ์งํ์ค์ธ ๋ฉํ ๋ฐ์ค ์ฑ๋ฆฐ์ง์ ๊ด๋ จ๋ ์ต์ ๋ฌธ์ ์ผ ๋ฟ์ด์ง ๋ง, ์ค์ํ ๊ฒ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ ๋ฐ์ค ๊ตฌํ์ ๋ํ ๊ตฌ์ฒด์ ์ธ ํ ์คํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ์ฒซ ๋ฒ์งธ ๋ฌธ์ ์ ๋๋ค.
์ด๊ฒ์ ํ๋ฌ๊ทธ์ธ ๋ฐ ํ ๋ง ๊ฐ๋ฐ์๊ฐ ๋ฉํ ์์๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ทผ๋ณธ์ ์ธ ์คํด๋ฅผ ๋ค์ ๋ํ๋ ๋๋ค. ๋จ์ถ ์ฝ๋์ TinyMCE ๋ฒํผ์ ์ค์ ๋ก ์ฝํ ์ธ ํธ์ง๊ธฐ ๋ด์์ ์ฌ์ฉ๋๊ธฐ ๋๋ฌธ์ ์กฐ์ ์ด ํ์ํฉ๋๋ค. ๋ฉํ ์์๋ ์์ต๋๋ค.
์ฌ์ฉ์ ์ง์ WordPress ๊ฐ๋ฐ์ ๊ธฐ๋ณธ ๊ตฌ์ฑ ์์ ์ธ ๋ฉํ ์์๊ฐ ๋ค์ ์๋ฏธ๊ฐ ์๋ค๊ณ ์ ์ํ๋ฉด ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ํ๋ฌ๊ทธ์ธ ๋ฐ ํ ๋ง ๊ฐ๋ฐ์๋ฅผ ํฌ์ํ์ฌ "์ ์ค์น"์ ํต์ฌ ๊ฒฝํ์ ์ฐ์ ์ํ๊ณ ์์์ ์ปค๋ฎค๋ํฐ์ ์๋ฆฝ๋๋ค.
์ฐ๋ฆฌ๋ ๋ฉํ ๋ฐ์ค์ ๋ชฉ์ ์ ๋ชจ๋ฅผ ์๋ ์์ง๋ง ๋ฉํ ๋ฐ์ค๋ฅผ ๋ฑ๋กํ๊ธฐ์ํ ๊ธฐ๋ณธ์ ์ธ ์๊ตฌ ์ฌํญ๊ณผ ๊ทธ๋ค์ด ์ฌ์ฉํ๋ ํํฌ๋ฅผ ์๊ณ ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ๊ทธ๋ค ์ค ์ด๋ ๊ฒ๋ iframe ๋ด์์ ์๋ํ๋๋ก ๊ฐ๋ฐ๋์ง ์์๋ค๋ ๊ฒ์ ์๊ณ ์์ต๋๋ค. ์๋ ๋์ ์ฐ๋ฆฌ๋ WordPress๋ฅผ ์ค๋จํ์ง ์๊ณ ํ์ฅํ๊ณ ํฅ์์ํค๋ ๋ฐฉ๋ฒ์ ์ดํดํ์ต๋๋ค. ๋ค์ ๋งํ์ง๋ง 5.0์ด ๋ ๋ค๋ฅธ WordPress ๋ฆด๋ฆฌ์ค ์ธ ๊ฒฝ์ฐ ํ์ ์ ๋๋ ๋ค๋ฅธ ๋ฆด๋ฆฌ์ค์ ๋ค๋ฅด์ง ์์ต๋๋ค.
์ง์์ ์ผ๋ก ์ฐธ์กฐ๋๋ 80 % / 90 % ์ซ์์ ๋ํ ์ฆ๊ฑฐ๊ฐ์๋ ๊ฒฝ์ฐ ๊ณต์ ํ์ญ์์ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ์ปค๋ฎค๋ํฐ์์ด ์ ๋ ๊ท๋ชจ์ ๊ฒฐ์ ์ ๋ด๋ฆด ๋ ๊ฐ์ ํต๊ณ๋ฅผ ์ฌ์ฉํ์ง ๋ง์ญ์์ค.
์ ์ ์ค๋จํ๊ณ ๋์ค์ ๋ค์ ํ๊ฐํ์ญ์์ค.
์ด ํ ๋ก ์ ๋ชจ๋ ๊ณผ ๋ด๊ฐ๊ฐ iframe์ด ๊ฐ๋ฅํ ์ฅ๊ธฐ์ ์ธ ํด๊ฒฐ์ฑ ์๋ ๊ฒ์ด ์์ต๋๋ค ์ฆ๊ฑฐ๋ฅผ ์๊ฐํ๋ฉด, ๋๋ ์ฐ์ฐํ https://github.com/WordPress/gutenberg/issues/3165#issuecomment ์ธ๋ชจ๊ฐ ์ธ ๋ฒ์งธ๋ฅผ ์ถ๊ฐํ๋ ๊ฒ์ -341476059
ํ๊ณ๊ฐ์๋ ๊ฒ์ฒ๋ผ ์ด์์ ์ธ ํธ์ง๊ธฐ๋ฅผ ์ถ๊ตฌํ๋ ๊ฒ์ ๋ฉ์ถ๊ณ WordPress๋ฅผ ๊นจ์ง ์๋ ์ ๊ทผ ๋ฐฉ์์ ๊ณ ๋ คํ๊ธฐ ์์ํ ๋์ ๋๋ค.