Gutenberg: iframe์€ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ์œ„ํ•œ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์žฅ๊ธฐ ์†”๋ฃจ์…˜์ž…๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2017๋…„ 11์›” 02์ผ  ยท  71์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: WordPress/gutenberg

์ด์Šˆ ๊ฐœ์š”

์ผ๋ฐ˜์ ์œผ๋กœ iframe์€ ์ž˜ ๋ฌธ์„œํ™”๋˜์–ด์žˆ๋Š” ์ด์œ ๋กœ ์ˆ˜๋…„ ๋™์•ˆ ์›น ๊ฐœ๋ฐœ์—์„œ ๊ถŒ์žฅ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

  • ๋งํฌ ์ฒ˜๋ฆฌ
  • iframe ๋‚ด์—์„œ JS ๋””๋ฒ„๊น…์˜ ์–ด๋ ค์›€
  • ์ƒ์œ„ ํŽ˜์ด์ง€์—์„œ iframe ์ฝ˜ํ…์ธ ์˜ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์—†์Œ
  • iframe ํฌ๊ธฐ ์ด์ƒ์œผ๋กœ ํ™•์žฅ๋˜๋Š” ํŒ ์˜ค๋ฒ„ / ๋ชจ๋‹ฌ์„ ์‹คํ–‰ํ•  ์ˆ˜ ์—†์Œ
  • ๋ฐ˜์‘ ํ˜• ๋””์ž์ธ์— ๋Œ€ํ•œ ๋น„ ์œ ์—ฐ์„ฑ
  • ๋™์  ์ฝ˜ํ…์ธ ๋กœ 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 ๋‚ด์—์„œ ํ˜ธํ™˜๋˜๋„๋ก ์—…๋ฐ์ดํŠธ ํ•  ์‚ฌ์น˜๊ฐ€ ์—†์„ ์ˆ˜๋„ ์žˆ๋‹ค๋Š” ์ ์„ ๊ณ ๋ คํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์ถ”๊ฐ€ ์งˆ๋ฌธ

  1. ๋ฉ”ํƒ€ ๋ฐ•์Šค (https://github.com/WordPress/gutenberg/issues/3277)์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ธฐ์กด ๋ฌธ์ œ๋ฅผ ๊ฐ์•ˆํ•  ๋•Œ iframe์—์„œ ์ฝ˜ํ…์ธ ๋ฅผ ํŽธ์ง‘ํ•ด๋„ ๋ฐ์ดํ„ฐ ์†์‹ค์ด ๋ฐœ์ƒํ•˜์ง€ ์•Š์„ ๊ฒƒ์ด๋ผ๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๊นŒ? ์ฆ‰, ์ผ๋ถ€ ๋ฉ”ํƒ€ ๋ฐ•์Šค์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ์ˆ˜์—†๋Š” ๊ฒƒ์ด ์ผ์‹œ์ ์ธ ๋ฒ„๊ทธ์ž…๋‹ˆ๊นŒ, ์•„๋‹ˆ๋ฉด iframe๊ณผ React๋ฅผ ํ˜ผํ•ฉํ•˜๋Š” ๊ธฐ์ˆ ์  ํ•œ๊ณ„์ž…๋‹ˆ๊นŒ?
  2. PHP ๋˜๋Š” JS ๋ฉ”ํƒ€ ๋ฐ•์Šค ๊ธฐ๋Šฅ์„ iframe ๋‚ด์— ๋ฐฐ์น˜ ํ•  ๋•Œ ๋””๋ฒ„๊น… ํ•  ๋•Œ ์–ด๋–ค ์ข…๋ฅ˜์˜ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๊นŒ?
  3. ๋งŽ์€ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์—ฌ๋Ÿฌ ๋ฉ”ํƒ€ ์ƒ์ž์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” CSS ๋ฐ JS๋ฅผ ๋Œ€๊ธฐ์—ด์— ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ถ€๋Š” ๊ธฐ๋ณธ ์—ด์— ์žˆ๊ณ  ์ผ๋ถ€๋Š” ์‚ฌ์ด๋“œ ๋ฐ”์— ์žˆ์Šต๋‹ˆ๋‹ค. Gutenberg๋Š” ํ˜„์žฌ ๊ธฐ๋ณธ ์—ด๊ณผ ์‚ฌ์ด๋“œ ๋ฐ”์— ๋‘ ๊ฐœ์˜ ๊ฐœ๋ณ„ iframe์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ œ๋ชฉ ๋’ค์— ๋‚˜ํƒ€๋‚˜๋Š” ๋ฉ”ํƒ€ ์ƒ์ž๋ฅผ ์ง€์›ํ•˜๋ฉด ์ด๋ก ์ ์œผ๋กœ ์„ธ ๋ฒˆ์งธ iframe์ด ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  iframed ๋ฉ”ํƒ€ ๋ฐ•์Šค์— ์˜ํ–ฅ์„ ์ฃผ์–ด์•ผํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์• ์…‹์„ ๋Œ€๊ธฐ์—ด์— ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๊ด€ํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?
  4. iframe์— ๋ฉ”ํƒ€ ์ƒ์ž๋ฅผ ๋ฐฐ์น˜ํ•˜๋ฉด ์–ด๋–ค ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๊นŒ?
  5. ๋ชจ๋ฐ”์ผ์˜ iframe๊ณผ ๊ด€๋ จ๋œ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๋ฉด ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
  6. iframe์„ ๋„˜์–ด ํ™•์žฅ๋˜๋Š” ๋ฉ”ํƒ€ ์ƒ์ž์—์„œ ์ฝ˜ํ…์ธ  ์ฐฝ์„ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์Šคํฌ๋ฆฐ ์ƒท

์•„๋ž˜ ์Šคํฌ๋ฆฐ ์ƒท (Gutenberg 1.6)์—์„œ iframe์€ ์œ„์น˜๋ฅผ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ Yoast ๋ฐ WooCommerce ๋ฉ”ํƒ€ ์ƒ์ž๊ฐ€ iframe ๋‚ด์— ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. WooCommerce๋Š” ๊ธฐ๋ณธ ์—ด๊ณผ ์‚ฌ์ด๋“œ ๋ฐ” iframe์„ ๋ชจ๋‘ ์‚ฌ์šฉํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

gutenberg-meta-box-iframes

๊ด€๋ จ ๋ฌธ์ œ ๋ฐ / ๋˜๋Š” PR

[Feature] Meta Boxes [Type] Question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์šฐ๋ฆฌ๋Š” ์ธ๊ฐ„์ž…๋‹ˆ๋‹ค. ๋ฐฉ์ •์‹์˜ ๋ฐ˜๋Œ€ํŽธ์— ์„œ์„œ ์ด๊ฒƒ์„ ๋งŒ๋“ค๊ณ ์ด ๋ชจ๋“  ํ”ผ๋“œ๋ฐฑ์„๋ฐ›๋Š” ์‚ฌ๋žŒ์ด ๋˜์‹ญ์‹œ์˜ค. 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๋ฅผ ๊นจ์ง€ ์•Š๋Š” ์ ‘๊ทผ ๋ฐฉ์‹์„ ๊ณ ๋ คํ•˜๊ธฐ ์‹œ์ž‘ํ•  ๋•Œ์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  71 ๋Œ“๊ธ€

  1. ... Gutenberg๋Š” ํ˜„์žฌ ๊ธฐ๋ณธ ์—ด๊ณผ ์‚ฌ์ด๋“œ ๋ฐ”์— ๋Œ€ํ•ด ๋‘ ๊ฐœ์˜ ๊ฐœ๋ณ„ iframe์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ œ๋ชฉ ๋’ค์— ๋‚˜ํƒ€๋‚˜๋Š” ๋ฉ”ํƒ€ ์ƒ์ž๋ฅผ ์ง€์›ํ•˜๋ฉด ์ด๋ก ์ ์œผ๋กœ ์„ธ ๋ฒˆ์งธ iframe์ด ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  iframed ๋ฉ”ํƒ€ ๋ฐ•์Šค์— ์˜ํ–ฅ์„ ์ฃผ์–ด์•ผํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์• ์…‹์„ ๋Œ€๊ธฐ์—ด์— ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๊ด€ํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

์˜ค๋Š˜ ๋ฐค ์„ฑ๋Šฅ ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜ํ–‰ํ–ˆ๋Š”๋ฐ ๋„คํŠธ์›Œํฌ ํƒญ์—์„œ์ด ๋ฐœ๊ฒฌ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ƒ์œ„ ์ฐฝ์— ์ถ”๊ฐ€ ๋œ ๋ชจ๋“  CSS ๋ฐ JS ์ž์‚ฐ์ด ๊ธฐ๋ณธ ์—ด iframe ๋ฐ ์‚ฌ์ด๋“œ ๋ฐ” iframe์—๋„ ์ถ”๊ฐ€๋˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ์ฆ‰, ๊ฐ ์ž์‚ฐ์ด ์ด ์„ธ ๋ฒˆ ์š”์ฒญ๋˜์–ด ์‚ฌ์šฉํ•  ๋•Œ ์ž์‚ฐ ์š”์ฒญ ์ˆ˜๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ์„ธ ๋ฐฐ๋กœ ๋Š˜๋ฆฝ๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ .

gutenberg-iframes-network-tab

๋ธŒ๋ผ์šฐ์ € ์บ์‹ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด ํŽ˜์ด์ง€ ๊ฐ€์ค‘์น˜ ์†์ƒ์ด ์ค„์–ด๋“ค์ง€ ๋งŒ ์ž์‚ฐ ์š”์ฒญ ์ˆ˜๋Š” ์—ฌ์ „ํžˆ 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๊ฐ€ ์ œ์‹œ ํ•œ์ด ๊ฐœ๋…์— ๋งค์šฐ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.์ด ๊ฐœ๋…์€ ์—๋””ํ„ฐ ๊ตฌ์„ฑ ์š”์†Œ์— ์ง‘์ค‘ํ•˜๊ธฐ ์œ„ํ•ด ํ”„๋กœ์ ํŠธ์˜ ๋ฒ”์œ„๋ฅผ ์ถ•์†Œํ•˜๋ฉด์„œ ์ด๋ฏธ ์ˆ˜ํ–‰ ๋œ ์ž‘์—…์˜ ๋Œ€๋ถ€๋ถ„์„ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค.

image

์ถœ์ฒ˜ : https://yoast.com/gutenberg-alternative-approach/

๋‚˜๋Š” ๋˜ํ•œ Yoast๊ฐ€ ์ œ์•ˆํ•œ ์ œ์•ˆ์— ๊ฐ•๋ ฅํžˆ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค. ํ”Œ๋Ÿฌ๊ทธ์ธ ์ž‘์„ฑ์ž์—๊ฒŒ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ์ƒˆ ๋ธ”๋ก์œผ๋กœ ๋ณ€ํ™˜ ํ•  ์‹œ๊ฐ„์„ ์ œ๊ณตํ•˜๋Š” ์ข‹์€ ์ค‘๊ฐ„ ๋‹จ๊ณ„๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ ์ „์ฒด ํŽธ์ง‘๊ธฐ ๊ฒฝํ—˜์˜ ์ตœ์ข… ๊ต์ฒด ๊ณ„ํš์˜ ์ผํ™˜์œผ๋กœ ํ”„๋กœ์ ํŠธ๋กœ์„œ์˜ WP๋Š” "x ๋ฒ„์ „์—์„œ๋Š” ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค"์™€ ๊ฐ™์ด ๋งํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๋” ๋‚˜์€ ์ตœ์ข… ๋ชฉํ‘œ๋ฅผ ํ–ฅํ•ด ์ด๋™ํ•˜๊ธฐ์œ„ํ•œ _plan_์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ๊ฐœ๋…์€ ํ†ต์‹  ํ•  ์ค‘์•™ TinyMCE ์ธ์Šคํ„ด์Šค๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ์กด ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ๊นจ๋œจ๋ฆฝ๋‹ˆ๋‹ค. ๋ฉ”ํƒ€ ๋ฐ•์Šค์˜ 80 %๋ฅผ ์ง€์›ํ•˜๋Š” ๋Œ€์‹  90 %๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค (์ด ์ˆซ์ž๋ฅผ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค).

์ด ๊ฐœ๋…์€ ์ด์ „ ๋ฒ„์ „๊ณผ์˜ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์ง€ ๋ชปํ•˜์ง€๋งŒ ๋™์ผํ•œ ๋ฌธ์ œ๋กœ ํ•ด๊ฒฐ์„ ์ง€์—ฐ์‹œํ‚ต๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ๋Š” WP์˜ JS ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํ–ฅํ•œ ์ฒซ ๋ฒˆ์งธ ๋‹จ๊ณ„์ด๋ฉฐ ๊ตฌํ…๋ฒ ๋ฅดํฌ์—์„œ ๋ฉˆ์ถ”์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ตฌํ…๋ฒ ๋ฅดํฌ ์กฐ๊ฐ์„ ์žฌ์‚ฌ์šฉํ•˜์—ฌ์ด ๊ฐœ๋…์„ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์€ ์ƒ๋Œ€์ ์œผ๋กœ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ์ด๊ฒƒ์€ ์ตœ์ ํ™”ํ•˜๋ ค๋Š” UX๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ๋จผ์ € ๊ฐ€๋Šฅํ•œ ์ตœ์ƒ์˜ ํŽธ์ง‘๊ธฐ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์ด์ „ ๋ฒ„์ „๊ณผ์˜ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๊ฐ€์—†๋Š” ์‚ฌ๋žŒ๋“ค์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค (์ƒˆ ์„ค์น˜, ๋ฉ”ํƒ€ ๋ฐ•์Šค ์—†์Œ .. .).

๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ์ด์ƒ์ ์ธ ๋น„์ „์ด ์ถœ์‹œ ๋  ์ค€๋น„๊ฐ€๋˜์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฒฝ๋กœ ์ „๋žต์„ ๋…ผ์˜ ํ•  ์‹œ๊ฐ„์ด์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด์™€ ๊ฐ™์€ ๊ฐœ๋…์€ ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฒฝ๋กœ์— ๋Œ€ํ•œ ์˜ต์…˜์ด์ง€๋งŒ ์ตœ์ข… ์ œํ’ˆ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฒฝ๋กœ๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

์ง€๊ธˆ ์ตœ๊ณ ์˜ ํŽธ์ง‘๊ธฐ๋ฅผ ๋งŒ๋“ค์–ด ๋ด…์‹œ๋‹ค.

๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ์ด์ƒ์ ์ธ ๋น„์ „์ด ์ถœ์‹œ ๋  ์ค€๋น„๊ฐ€๋˜์—ˆ๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋ฉด ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฒฝ๋กœ ์ „๋žต์— ๋Œ€ํ•ด ๋…ผ์˜ ํ•  ์‹œ๊ฐ„์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์— ๋” ๋™์˜ ํ•  ์ˆ˜ ์—†์—ˆ๋‹ค. ๊ธฐ์กด ์‚ฌ์ดํŠธ์™€ ํ˜ธํ™˜๋˜์ง€ ์•Š๋Š”๋ฐ ์ด์ƒ์ ์ธ ํŽธ์ง‘๊ธฐ๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ์ˆ˜์ฒœ ์‹œ๊ฐ„์„ ํˆฌ์žํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์ฒซ์ธ์ƒ์ด ๊ทธ๋“ค์ด ์˜์กดํ•˜๋Š” UI๋ฅผ ๊นจ๋œจ๋ฆฌ๋Š” ๊ฒƒ์ด๋ผ๋ฉด ์‚ฌ์šฉ์ž๋Š” ์• ์ดˆ์— ์ด์ƒ์ ์ธ ํŽธ์ง‘๊ธฐ๋ฅผ ๊ฒฝํ—˜ํ•˜์ง€ ๋ชปํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ธฐ์กด ์‚ฌ์ดํŠธ์™€ ํ˜ธํ™˜๋˜์ง€ ์•Š๋Š”๋ฐ ์ด์ƒ์ ์ธ ํŽธ์ง‘๊ธฐ๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ์ˆ˜์ฒœ ์‹œ๊ฐ„์„ ํˆฌ์žํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

๋ช…ํ™•ํ•˜๊ฒŒ ๋งํ•˜์ž๋ฉด

  • ํ”Œ๋Ÿฌ๊ทธ์ธ์€ DOM์— ๋Œ€ํ•œ ์ „์ฒด ์•ก์„ธ์Šค ๊ถŒํ•œ์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํŽธ์ง‘๊ธฐ์— ๋Œ€ํ•ด ์„ ํƒํ•œ ์˜ต์…˜๊ณผ ์ƒ๊ด€์—†์ด ๊ธฐ์กด ์›น ์‚ฌ์ดํŠธ์™€ 100 % ํ˜ธํ™˜๋˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ๋ณ€๊ฒฝ ์‚ฌํ•ญ์— ๋Œ€ํ•ด ์ด์ „ ๋ฒ„์ „๊ณผ์˜ ํ˜ธํ™˜์„ฑ์„ 100 % ๋ณด์žฅํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ํ•œ ๊ฐ€์ง€๋ฟ์ž…๋‹ˆ๋‹ค. ๋ณ€๊ฒฝํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค. Gutenberg๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์ด๋ฏธ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ์ด ํŽธ์ง‘๊ธฐ๋Š” ์ด๋ฏธ ์ˆ˜๋งŽ์€ ์›น ์‚ฌ์ดํŠธ์™€ ํ˜ธํ™˜๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‹ค๋ฅธ ๋ชจ๋“  ๊ฒƒ๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๊นจ์ง€๋ฉด ํ•ญ์ƒ ๋” ์ž˜ ๋ณด์ž…๋‹ˆ๋‹ค.

๊ธฐ์กด ์›น ์‚ฌ์ดํŠธ์™€ 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_๋Š” ์šฐ์•„ํ•˜๊ณ  ๊ธฐ๋Šฅ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

metaboxes

์ด ๊ฒฝ๋กœ๋ฅผ ๊ฐ€๋Šฅํ•œ ํ•œ ์›ํ™œํ•˜๊ฒŒ ์ง„ํ–‰ํ•˜๋Š” ๊ฒƒ์€ ์ ˆ๋Œ€์ ์œผ๋กœ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

๋™์˜ ํ•จ

์ด๋กœ ์ธํ•ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค (์›Œ๋“œ ํ”„๋ ˆ์Šค์˜ ๋ชจ๋“  ๋ฆด๋ฆฌ์Šค์— ๋Œ€ํ•ด ์—ญ ํ˜ธํ™˜์„ฑ ์ค‘๋‹จ์ด ์žˆ์Œ). ์ตœ์†Œํ™”ํ•˜๊ณ  ๋ฌธ์„œํ™”ํ•˜๊ณ  ์ „๋‹ฌํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

๋™์˜ ํ•จ

ํ”Œ๋Ÿฌ๊ทธ์ธ์€ DOM์— ๋Œ€ํ•œ ์ „์ฒด ์•ก์„ธ์Šค ๊ถŒํ•œ์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํŽธ์ง‘๊ธฐ์— ๋Œ€ํ•ด ์„ ํƒํ•œ ์˜ต์…˜์— ๊ด€๊ณ„์—†์ด ๊ธฐ์กด ์›น ์‚ฌ์ดํŠธ์™€ 100 % ํ˜ธํ™˜๋˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. DOM์—์„œ ์ˆ˜์ •ํ•˜๋Š” ๊ฒƒ์€ ์—ญ ํ˜ธํ™˜์„ฑ์„ ๊นจ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋™์˜ํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ๋‹น์‹ ๊ณผ ๋ฐ˜๋Œ€ํ•˜๋Š” ์‚ฌ๋žŒ์€ ์—†์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋ฌด์—‡์ด ๊นจ์ง€๊ณ  ์–ธ์ œ ๊นจ ์กŒ๋Š”์ง€ ๋…ผ์˜

์ด ๋ชจ๋“  ๊ฒƒ์ด ์‹คํ—˜์ด๋ผ๋Š” ๊ฒƒ์„ _get_ํ•ฉ๋‹ˆ๋‹ค. @kevinwhoffman ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š”์ด ๋ฌธ์ œ๋ฅผ์ด ์‹คํ—˜์— ๋Œ€ํ•œ _ ํ‰๊ฐ€ _์— ๋Œ€ํ•ด ์ž˜ ์ƒ๊ฐํ•œ ๊ฒƒ์œผ๋กœ ์ƒ๊ฐํ•˜๋ฉฐ, ๊ทธ๋ ‡๊ฒŒ ๋ฐ›์•„ ๋“ค์—ฌ์•ผํ•ฉ๋‹ˆ๋‹ค. ์ด ์‹คํ—˜์ด ์ตœ์ข… ์†”๋ฃจ์…˜์œผ๋กœ ์ถฉ๋ถ„ํ•ฉ๋‹ˆ๊นŒ? ์•„๋‹ˆ์š”. ๋‹ค์Œ ์‹คํ—˜์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

๋˜ํ•œ ๋ณ‘ํ•ฉ ์ œ์•ˆ์ด ์ž๋ฆฌ๋ฅผ ์žก์„ ๋•Œ๊นŒ์ง€ ๊ธฐ์กด ์ž‘์—…์„ ๊ตฌํ…๋ฒ ๋ฅด๊ทธ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ํฌ๊ฒŒ ์ฆ๊ฐ€ํ•˜์ง€ ์•Š์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ์ดˆ๊ธฐ ๋ฆด๋ฆฌ์Šค์—์„œ ๋ฌด์—‡์ด ์ค‘๋‹จ๋˜๋Š”์ง€๋Š” ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

tldr; ๊ตฌํ…๋ฒ ๋ฅดํฌ์™€์˜ ํŒŒ์†์ด ์˜ˆ์ƒ๋ฉ๋‹ˆ๊นŒ? ์˜ˆ! ๊ทธ๋Ÿฌ๋‚˜ ์šฐ๋ฆฌ๋Š” ์—ฌ์ „ํžˆ _ ๋ฌด์—‡์„ ๊นจ๋œจ๋ฆฌ๋Š” ์ง€, ๊ทธ๋ฆฌ๊ณ  ๊ตฌํ…๋ฒ ๋ฅดํฌ๊ฐ€ ์ฝ”์–ด์— ํ•ฉ์ณ์ง„ _ ์ดˆ๊ธฐ _ ๋ฐ˜๋ณต์—์„œ ์–ผ๋งˆ๋‚˜ ๋ฉ€๋ฆฌ ๊ฐ€๋Š”์ง€์— ๋Œ€ํ•ด ์„ ํƒํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ, ์šฐ๋ฆฌ ๋ชจ๋‘๋Š” ํ•œ ๋ฆด๋ฆฌ์Šค์—์„œ ๋‹ค์Œ ๋ฆด๋ฆฌ์Šค๋กœ ์ผ๋ถ€๊ฐ€ ์ค‘๋‹จ ๋  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ ํ•  ์ˆ˜์žˆ์„๋งŒํผ WordPress ๊ฐœ๋ฐœ ์ฃผ์œ„์—์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๊ทธ๊ฒƒ์ด ๋ฐ”๋กœ ์ œ ์š”์ ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๊ตฌํ…๋ฒ ๋ฅดํฌ๋ฅผ ๋˜ ๋‹ค๋ฅธ WordPress ์—…๋ฐ์ดํŠธ๋กœ ์ œ์‹œํ•˜๋Š” ํ•œ ๋‹ค๋ฅธ ์—…๋ฐ์ดํŠธ๋ณด๋‹ค ๋” ๋งŽ๊ฑฐ๋‚˜ ์ ์€ ๊ฒƒ์„ ์ค‘๋‹จํ•ด์„œ๋Š” ์•ˆ๋ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๊ทธ ์‹ ๋ขฐ๋ฅผ ๊นจ๋ฉด ํŽธ์ง‘์ž๊ฐ€ ํ•˜๋ฃจ๊ฐ€ ๋๋‚  ๋•Œ ์–ผ๋งˆ๋‚˜ ์ข‹์€์ง€๋Š” ์ค‘์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์ง€๋‚œ ๋ช‡ ๋‹ฌ ๋™์•ˆ ๊ฐœ๋ฐœํ•ด์˜จ ํ”Œ๋Ÿฌ๊ทธ์ธ์˜ ํ˜„์žฌ ์Šคํฌ๋ฆฐ ์ƒท์ž…๋‹ˆ๋‹ค. ์ด ์ƒํ™ฉ์—์„œ ๋น„์ฃผ์–ผ ํŽธ์ง‘๊ธฐ๋Š” ์•„๋ฌด๋Ÿฐ ๊ฐ€์น˜๊ฐ€ ์—†์œผ๋ฉฐ ์ฝ˜ํ…์ธ ์˜ ์‹œ๊ฐ์  ํŽธ์ง‘์„ ์œ„ํ•ด ์„ค๊ณ„๋œ ์ธํ„ฐํŽ˜์ด์Šค์— ํ•„์š”ํ•œ ์ข…๋ฅ˜์˜ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํ†ตํ•ฉํ•˜๋ ค๋Š” ๊ฒƒ์€ ์˜๋ฏธ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

๋‚ด ๋ชจ๋“  ์ž‘์—…์ด ๋‹ค์Œ ๋ฒ„์ „์—์„œ ์ทจ์†Œ ๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ๊ฐ์•ˆํ•  ๋•Œ WordPress ์šฉ์œผ๋กœ ๊ณ„์† ๊ฐœ๋ฐœํ•ด์•ผํ• ์ง€ ์—ฌ๋ถ€๋ฅผ ์‹ค์ œ๋กœ ์‹ฌ๊ฐํ•˜๊ฒŒ ๊ณ ๋ คํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋ณด์‹œ๋‹ค์‹œํ”ผ ๋ฉ”ํƒ€ ํ•„๋“œ์˜ ๋ฏธ๋””์–ด ์—… ๋กœ๋”์— ๋Œ€ํ•œ ์•ก์„ธ์Šค ๊ถŒํ•œ์ด ํ•„์š”ํ•˜๋ฉฐ ํŽ˜์ด์ง€์˜ ๋Œ€๋ถ€๋ถ„์„ iframe์œผ๋กœ ๊ฐ•๋“ฑํ•˜๋ฉด์ด ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๋งค์šฐ ์–ด์ƒ‰ํ•ด์ง‘๋‹ˆ๋‹ค.

WordPress์— ๊ตฌ์ถ• ๋œ ํ”Œ๋Ÿฌ๊ทธ์ธ, ๋„๊ตฌ ๋ฐ ์‚ฌ์šฉ์ž ์ง€์ • ์‚ฌ์ดํŠธ์—๋Š” ์ด์™€ ๊ฐ™์€ ์ˆ˜๋ฐฑ๋งŒ ๊ฐœ์˜ ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ธ”๋ก์˜ "์ƒˆ๋กœ์šด ๋งค๋ ฅ"์— ์ฐฌ์„ฑํ•˜์—ฌ ์ด๋Ÿฌํ•œ ์‚ฌ์šฉ์ž๋ฅผ ์ด๋“ฑ ์‹œ๋ฏผ์ฒ˜๋Ÿผ ๋Œ€ํ•˜๋Š” ๊ฒƒ์€ ์šฉ๋‚ฉ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ฉ”ํƒ€ ๋ฐ•์Šค๋Š” ํŽธ์ง‘ ํŽ˜์ด์ง€์—์„œ ํ˜„์žฌ ์ˆ˜์ค€์˜ ํ†ตํ•ฉ๊ณผ ๋ˆˆ์— ์ž˜ ๋„๋„๋ก ์œ ์ง€ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ตฌํ…๋ฒ ๋ฅดํฌ์— ๋Œ€ํ•œ Yoast์˜ ๊ฒฌํ•ด๋ฅผ ๋งค์šฐ์ง€์ง€ํ•ฉ๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ ํŒ€์ด "๋น„์ฃผ์–ผ ํŽธ์ง‘๊ธฐ ์—…๊ทธ๋ ˆ์ด๋“œ"๋ฅผ "์ „์ฒด ํŽธ์ง‘ ํ›„ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋Œ€์ฒด"ํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์žฌ ํ•ด์„ ํ•œ ๋ฐฉ๋ฒ•์€ ๋ถ„๋ช…ํ•˜์ง€ ์•Š์ง€๋งŒ, ์ด๋ฅธ๋ฐ” "ํ…Œ์„ธ์šฐ์Šค์˜ ๋ฐฐ"์™€๋Š” ์ง์ ‘์ ์œผ๋กœ ์ƒ์ถฉ๋˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์ด ๊ฒฝ์šฐ ๊ธฐ์กด ํ‘œ์ค€ ์›Œํฌ ํ”Œ๋กœ์— ๋Œ€ํ•œ ๋ช…ํ™•ํ•œ ๋ฐฉํ–ฅ๊ณผ ์ง€์›์ด ๋ถ€์กฑํ•˜์—ฌ ํ˜„์žฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ ๊ทน์ ์œผ๋กœ ํ”ผํ•ด๋ฅผ ์ž…์Šต๋‹ˆ๋‹ค. ์‹ ๋ขฐํ•  ์ˆ˜์žˆ๋Š” ํ›„ํฌ ๋ฐ ๋„๊ตฌ ์„ธํŠธ์—†์ด ์–ด๋–ป๊ฒŒ ํ”„๋กœ์ ํŠธ ๊ตฌ์ถ•์„ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์ด๋Ÿฌํ•œ ๋Œ€๊ทœ๋ชจ ์†Œํ”„ํŠธ์›จ์–ด ํ”„๋กœ์ ํŠธ๊ฐ€ ๋‹จ์ผ ์—…๋ฐ์ดํŠธ๋กœ ๊ฐœ๋ฐœ์ž์˜ ํ‘œ์ค€ ์›Œํฌ ํ”Œ๋กœ๋ฅผ ์™„์ „ํžˆ ๋’ค์ง‘์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ์€ ๋น„์–‘์‹ฌ์ ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋Ÿฌํ•œ ๋Œ€ํ™”๊ฐ€ ์˜ฌํ•ด ์ดˆ์— ํ•ฉ๋ณ‘ ์Šน์ธ์„๋ฐ›๋Š” ๊ณ„ํš ์ธ 11 ์›”์— ์ง€๊ธˆ ๋ง‰ ์ผ์–ด๋‚˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์€ ๋ฏธ์นœ ์ง“์ž…๋‹ˆ๋‹ค.

2017-11-02-23-30-ensemble dev

@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๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํŽธ์ง‘๊ธฐ ํŽ˜์ด์ง€๋ฅผ ํ™•์žฅํ•˜๊ณ  ์ €์žฅ์‹œ ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์ดโ€œ๋ชฉ์ โ€์˜ ๋ถ€์กฑ์ด ๋ฌธ์ œ์ž…๋‹ˆ๊นŒ, ์•„๋‹ˆ๋ฉด ์ด์ ์ž…๋‹ˆ๊นŒ?

์ž˜! ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒƒ์„ ํฌํ•จํ•˜์—ฌ ์—๋””ํ„ฐ๋กœ ์›ํ•˜๋Š” ๋ชจ๋“  ๊ฒƒ์„ ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— "ํ”„๋กœ"๋กœ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋ฒ„ํŠผ, ํ…์ŠคํŠธ ์˜์—ญ, ์ž…๋ ฅ, div ๋“ฑ์„ ๋Œ€์ฒดํ•ฉ๋‹ˆ๋‹ค. DOM์— ๋Œ€ํ•œ ์ „์ฒด ์•ก์„ธ์Šค
  • TinyMCE์˜ ์ „์—ญ ์ธ์Šคํ„ด์Šค๋ฅผ ํฌํ•จํ•œ ์ „์—ญ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜ ์‚ฌ์šฉ

์œ ์—ฐํ•œ ๊ถŒ๋ฆฌ! ๊ทธ๋Ÿฌ๋‚˜ WordPress ์—…๋ฐ์ดํŠธ๋Š” ์–ด๋–ป์Šต๋‹ˆ๊นŒ? ํŽธ์ง‘์ž ํ™”๋ฉด์— ๋Œ€ํ•œ ๋ชจ๋“  ์—…๋ฐ์ดํŠธ. ๋ชจ๋“  TinyMCE ์—…๋ฐ์ดํŠธ, ๋ชจ๋“  ํด๋ž˜์Šค ๋ณ€๊ฒฝ, ๋ชจ๋“  ์ƒˆ๋กœ์šด div , ๋ชจ๋“  ๋ฒ„ํŠผ ์ œ๊ฑฐ / ์ด๋™, ๋ชจ๋“  ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ ํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ์˜ ํ˜ธํ™˜์„ฑ์„ ๊นจ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Core WordPress ๊ฐœ๋ฐœ์ž๋Š” Metabox๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ๋ฌด์—‡์ธ์ง€ ์•Œ ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

WordPress์˜ ์žฅ๊ธฐ์ ์ธ ๊ด€์ ์—์„œ Metaboxes๊ฐ€ (๊ตฌํ…๋ฒ ๋ฅดํฌ์— ๊ด€๊ณ„์—†์ด) ์ง„ํ™”๋ฅผ ์ž ๊ทธ๊ณ  ์žˆ๋‹ค๊ณ  ๊ฒฐ๋ก ์„ ๋‚ด๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๋„ค, ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค. ์ธํ„ฐ๋„ท ์—ญ์‚ฌ๋Š” ์ง„ํ™”ํ•˜์ง€ ์•Š๋Š” ๊ธฐ์ˆ ์ด ์ฃฝ์„ ์ •๋„๋กœ ์—ฌ๋Ÿฌ ๋ฒˆ ์ฆ๋ช…๋˜์—ˆ์Šต๋‹ˆ๋‹ค. (์ด ๋‹ต๋ณ€์ด ๋งˆ์Œ์— ๋“ค์ง€ ์•Š์œผ๋ฉด ์˜๊ฒฌ์ด ์•„๋‹ˆ๋ผ ์‚ฌ์‹ค์ž…๋‹ˆ๋‹ค)

์ข‹์•„์š”,ํ•˜์ง€๋งŒ ์šฐ๋ฆฌ๊ฐ€ Metaboxes์— ๊ฐ‡ํ˜€ ์žˆ๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ์›Œ๋“œ ํ”„๋ ˆ์Šค๋ฅผ ๋ฐœ์ „์‹œํ‚ฌ ์ˆ˜ ์žˆ์„๊นŒ์š”?

์ข‹์€ ์งˆ๋ฌธ์ž…๋‹ˆ๋‹ค. ๋‹ต๋ณ€ํ•˜๊ธฐ ์ „์— WordPress ํ”Œ๋Ÿฌ๊ทธ์ธ์—์„œ ํ˜„์žฌ ๋ฉ”ํƒ€ ๋ฐ•์Šค ์‚ฌ์šฉ์„ ์ดํ•ดํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

ํ˜„์žฌ ํ”Œ๋Ÿฌ๊ทธ์ธ์€ Metabox๋ฅผ ์–ด๋–ค ์šฉ๋„๋กœ ์‚ฌ์šฉํ•ฉ๋‹ˆ๊นŒ?

"Metaboxes"ํ”Œ๋Ÿฌ๊ทธ์ธ์—๋Š” ๋‘ ๊ฐ€์ง€ ๋ฒ”์ฃผ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์ฝ˜ํ…์ธ ๋กœ์„œ์˜ ๋ฉ”ํƒ€ ๋ฐ•์Šค (์ข…์ข… ํฌ์ŠคํŠธ ๋ฉ”ํƒ€์— ์ €์žฅ๋˜์ง€๋งŒ ํ•ญ์ƒ ๊ทธ๋Ÿฐ ๊ฒƒ์€ ์•„๋‹˜)
  • ์—๋””ํ„ฐ ๊ฒฝํ—˜ ํ–ฅ์ƒ์„์œ„ํ•œ ๋ฉ”ํƒ€ ๋ฐ•์Šค (SEO, ๋งž์ถค๋ฒ• ๊ฒ€์‚ฌ,โ€ฆ)

์ข‹์•„, ์ด๊ฒƒ์„ ์•Œ๋ฉด ์–ด๋–ป๊ฒŒ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์„ธ ๊ฐ€์ง€๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

  • Gutenberg (๋˜๋Š” WordPress์— ๋Œ€ํ•œ ๋ชจ๋“  ์—…๋ฐ์ดํŠธ)๊ฐ€ ๋ฐฐ์†ก๋˜๋Š” ๋™์•ˆ ์ด๋Ÿฌํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๋นŒ๋“œํ•˜๊ฑฐ๋‚˜ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ์ด๋Ÿฌํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๊ฐ€๋Šฅํ•œ ์ตœ์ƒ์˜ ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฒฝ๋กœ๋ฅผ ์ œ๊ณตํ•˜์‹ญ์‹œ์˜ค. ์—ฌ๊ธฐ์—๋Š” ๋‹ค์Œ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ํ–ฅํ›„ ์ง„ํ™”์™€ ํ•จ๊ป˜ ๊ณ„์† ์ž‘๋™ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ํŒŒ์†์„ ์ตœ์†Œํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

์ข‹์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์—๋””ํ„ฐ ํŽ˜์ด์ง€๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ๊นจ์งˆ ๊ฒƒ์ด๋ผ๊ณ  ๋งํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๊นŒ (์ฝ˜ํ…์ธ  ์˜์—ญ ๋งŒ ๊ต์ฒดํ•˜๋Š” ๊ฒƒ์„ ํฌํ•จํ•˜์—ฌ)?

๊ถŒ๋ฆฌ! ๋”ฐ๋ผ์„œ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ค‘๋‹จํ•˜์ง€ ์•Š์œผ๋ ค๋Š” ๊ฒฝ์šฐ ๊ณ ์œ  ํ•œ ์˜ต์…˜์ด ๋‚จ์Šต๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ์—†์ด ํ˜„์žฌ ํŽธ์ง‘ ํŽ˜์ด์ง€๋ฅผ ์œ ์ง€ํ•  ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋ฐ”๋กœ 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์˜ "ํ†ตํ•ฉ ๊ด€๋ฆฌ์ž"๊ณ„ํš์— ๋Œ€ํ•œ ๋กœ๋“œ๋งต์ž…๋‹ˆ๋‹ค.

  • ์ดˆ๊ธฐ ๋ฆด๋ฆฌ์Šค๋ฅผ ํ˜„์žฌ wp_editor๋กœ ์ฑ„์›Œ์ง„ ์˜์—ญ์œผ๋กœ ์ œํ•œํ•˜์ง€๋งŒ ํ•ด๋‹น ๊ณต๊ฐ„ ๋‚ด์—์„œ ์ „์ฒด ๋ธ”๋ก UI๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ๋ธ”๋ก UI๊ฐ€ ํ—ˆ์šฉํ•˜๋Š” ์œ ์—ฐ์„ฑ๊ณผ ๊ธฐ๋Šฅ์„ ์ด‰์ง„ํ•˜๊ณ  ํ™•์žฅํ•˜์—ฌ ํ•ด๋‹น ๊ณต๊ฐ„์—์„œ ์„ค๊ณ„ํ•˜๋Š” ๊ฒƒ์ด ์‚ฌ์†Œํ•œ ํ•„๋“œ API๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ์ธ๊ธฐ๊ฐ€ ๋†’์•„์ง์— ๋”ฐ๋ผ ui์˜ ๋‹ค๋ฅธ ๋ถ€๋ถ„์„ ์œ ์‚ฌํ•œ ์ƒŒ๋“œ ๋ฐ•์Šค Gutenberg ์ธ์Šคํ„ด์Šค๋กœ ๊ต์ฒดํ•˜์‹ญ์‹œ์˜ค. ๋ฉ”๋‰ด, ์œ„์ ฏ, ์ปค ์Šคํ„ฐ ๋งˆ์ด์ € ๋ฐ ๋ฏธ๋””์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๋ชจ๋‘ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์ƒ๋Œ€์ ์œผ๋กœ ์ •์ฒด ๋œ ์ธํ„ฐํŽ˜์ด์Šค์ด๋ฉฐ ๊ณตํ†ต UI ๊ตฌ์กฐ์˜ ์ด์ ์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๊ณตํ†ต UI๊ฐ€ ๋” ์œ ์—ฐํ•˜๊ณ  ๊ฐ•๋ ฅ ํ•ด์ง์— ๋”ฐ๋ผ ์‚ฌ๋žŒ๋“ค์€ ๊ณตํ†ต ๋„๊ตฌ ์„ธํŠธ์™€ ๋” ๋งŽ์€ ์˜ต์…˜์„ ์ œ๊ณตํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ฉ”ํƒ€ ๋ฐ•์Šค ๋Œ€์‹  ์‚ฌ์šฉํ•˜๋„๋ก ์„ ํƒํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
  • ๊ทธ ๊ณต๊ฐ„์˜ ๊ฐœ๋ฐœ์ด ์ •์ฒด๋จ์— ๋”ฐ๋ผ ๊ณ ๋ฆฝ ๋œ ๊ตฌํ…๋ฒ ๋ฅดํฌ ๊ฐœ์ฒด ์‚ฌ์ด์˜ ๊ตฌ๋ฉ์„ ์ ์ฐจ์ ์œผ๋กœ ๋ณ‘ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๋Š” ํ˜„์žฌ ๋ณด์œ ํ•˜๊ณ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์žƒ์ง€ ์•Š๊ณ  ํ”„๋กœ๋•์…˜ ๋„๊ตฌ์—์„œ 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๋ฅผ ์„ ํƒํ•œ ๋„๊ตฌ๋กœ ๋งŒ๋“  ์„ธ ๊ฐ€์ง€๊ฐ€์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

  1. ์˜คํ”ˆ ์†Œ์Šค. ๋‚˜๋Š”์ด ์ฒญ์ค‘์ด ์ด๊ฒƒ์ด ์–ผ๋งˆ๋‚˜ ๊ฐ•๋ ฅํ•˜๊ณ  ์œ ๋ฆฌํ•œ์ง€ ๋™์˜ ํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.
  2. ์‚ฌ์šฉ์˜ ์šฉ์ด์„ฑ. WordPress๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ ์‚ฌ๋žŒ์ด ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค๊ณ  ์—…๋ฐ์ดํŠธํ•˜๋Š” ๊ฒƒ์ด ๋†€๋ž๋„๋ก ์‰ฌ์›Œ์กŒ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๊ฐœ์ธ๊ณผ ๊ธฐ์—…์„์œ„ํ•œ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“  ์ดˆ๊ธฐ ์‹œ์ ˆ์— ์—„์ฒญ๋‚ฌ์Šต๋‹ˆ๋‹ค.
  3. ์ฝ˜ํ…์ธ  ์ •์˜. ์‚ฌ์šฉ์ž ์ง€์ • ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•, ์‚ฌ์šฉ์ž ์ง€์ • ๋ถ„๋ฅ˜ ๋ฐ ์‚ฌ์šฉ์ž ์ง€์ • ๋ฉ”ํƒ€ ์ƒ์ž. ์ด๊ฒƒ์œผ๋กœ ์ด์–ด์ง€๋Š” ๋ชจ๋“  ๊ฒƒ์ด ํŠน์ด์ ์— ๋„๋‹ฌํ–ˆ์„ ๋•Œ, WordPress๊ฐ€ ๋‹จ์ˆœํžˆ ๋ธ”๋กœ๊ทธ ์†Œํ”„ํŠธ์›จ์–ด ์ด์ƒ์œผ๋กœ ๋น„์ฆˆ๋‹ˆ์Šค ์ปค๋ฎค๋‹ˆํ‹ฐ์— "ํŒ๋งค ๊ฐ€๋Šฅ"ํ–ˆ๋˜ ๋•Œ๋ผ๊ณ  ๋งํ–ˆ์„ ๋•Œ ๋„๋‹ฌํ•˜์ง€ ๋ชปํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. (WordCamp Phoenix 2012-CMB. Justin Tadlock์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•, ๋ถ„๋ฅ˜ ๋ฐ ๋ฉ”ํƒ€ ์ƒ์ž ์ •์˜์— ๋Œ€ํ•œ ํ›Œ๋ฅญํ•œ ๊ธ€.)

์‚ฌ์šฉ์ž ์ง€์ • ๋ฉ”ํƒ€ ๋ฐ•์Šค์— ๋Œ€ํ•ด ๋ง์”€ ๋“œ๋ฆฌ๊ณ ์žํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž ์ง€์ • ๊ด€๋ฆฌ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ํ›Œ๋ฅญํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” ๋Šฅ๋ ฅ์€ ์—„์ฒญ๋‚ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์„ ๊นจ๋ฉด 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 ๊ธ‰ ์‹œ๋ฏผ์œผ๋กœ์„œ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ํŽ˜์ด์ง€์— ์•ˆ์ „ํ•˜๊ฒŒ ๊ฐ€์ ธ ์˜ค๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

  • ์ฒซ ๋ฒˆ์งธ ๋ฐ˜๋ณต์—๋Š” WP๊ฐ€ edit.php ํŽ˜์ด์ง€์—์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๊ฐ€์žฅํ•˜์—ฌ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ํฌํ•จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ดˆ๊ธฐ ๋ณด๊ณ ์„œ์— ๋”ฐ๋ฅด๋ฉด ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๊ฐ€ ์žˆ์œผ๋ฉฐ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์†”๋ฃจ์…˜์ด ์•„๋‹ˆ๋ผ ๋งค์šฐ ํ•ดํ‚น๋‹นํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋งŽ์€ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ํŠน์ • ์ƒํ™ฉ์ด ์ถฉ์กฑ๋˜๋Š” ๊ฒฝ์šฐ์—๋งŒ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ๋“ฑ๋กํ•˜๊ณ  WP๋ฅผ ๋ Œ๋”๋ง ํ• ์‹œ๊ธฐ๋ฅผ ์•Œ์ง€ ๋ชปํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
  • ๋ณ‘ํ•ฉ ๋œ ๋‘ ๋ฒˆ์งธ ๋ฐ˜๋ณต์€ iframe์„ ์‚ฌ์šฉํ•˜๋ฏ€๋กœ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“  ํ•ญ๋ชฉ์ด ์ œ๊ฑฐ๋˜์—ˆ์ง€๋งŒ ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ํด๋ž˜์‹ ํŽธ์ง‘๊ธฐ์— ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์•ฝ๊ฐ„ ๋ณต์žกํ•˜์ง€๋งŒ ๋ฌธ์ œ๊ฐ€ ์žˆ์ง€๋งŒ ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
  • HTML ์ฝ”๋“œ๋ฅผ ๊ฐ€์ ธ์˜จ ๋‹ค์Œ ๊ตฌ์„ฑ ์š”์†Œ์— ์ „์ฒด์ ์œผ๋กœ ์‚ฝ์ž…ํ•˜๋Š” ์†”๋ฃจ์…˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋งค์šฐ ๋ช…๋ฐฑํ•œ ์†”๋ฃจ์…˜ ์ž„์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๋ณด์•ˆ ์žฌ์•™์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์™œ ์ด๋Ÿฐ ์‹์œผ๋กœ ์ˆ˜ํ–‰๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

๋‚ด ์ œ์•ˆ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์„ค์ • ํŽ˜์ด์ง€์—์„œ Gutenberg๋ฅผ๋กœ๋“œํ•˜๋Š” ๋Œ€์‹  ๊ธฐ๋ณธ ํด๋ž˜์‹ ํŽธ์ง‘๊ธฐ ํŽ˜์ด์ง€์—๋กœ๋“œํ•˜๊ณ  ๊ธฐ๋ณธ ํ™˜๊ฒฝ์—์„œ ๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ๋กœ๋“œ ํ•œ ๋‹ค์Œ JS๋ฅผ ํ†ตํ•ด ์ปจํ…Œ์ด๋„ˆ DOM ๋…ธ๋“œ๋ฅผ ๊ตฌ์„ฑ ์š”์†Œ๋กœ ๋Œ์–ด ์˜ฌ๋ฆฝ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ ๋‹ค์Œ ๋‹ค๋ฅธ ์ข…๋ฅ˜์˜ ํ† ๊ธ€์„ ์‚ฌ์šฉํ•˜์—ฌ ํด๋ž˜์‹ ํŽธ์ง‘๊ธฐ๋ฅผ ๊ณ„์† ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฐฉ๋ฒ•:

  • ์šฐ๋ฆฌ๋Š” iframe ๋ง๋„ ์•ˆ๋˜๋Š” ๊ฒƒ์„ ํ”ผํ•ฉ๋‹ˆ๋‹ค
  • ๋ฉ”ํƒ€ ๋ฐ•์Šค๋Š” ๋“ฑ๋ก์— ๊ด€ํ•œ ํ•œ ํ•ญ์ƒ ๊ทธ๋žฌ๋˜ ๊ฒƒ์ฒ˜๋Ÿผ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ธฐ์กด JS๋Š” ์˜ˆ์ƒ๋Œ€๋กœ ์ž‘๋™ํ•˜๋ฉฐ PHP ๋์—์„œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐ ํ•ดํ‚น์ด ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ 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์— ์ €์žฅ๋œ๋‹ค๋Š” ์˜๋ฏธ๋Š” ์•„๋‹™๋‹ˆ๋‹ค. ์ด๋Š” ๋‹จ์ˆœํžˆ ํ•˜๋‚˜์˜ ๊ณตํ†ต API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ JavaScript ํ”„๋ ˆ์ž„ ์›Œํฌ์— ๊ตฌ์ถ• ๋œ ์‹œ์Šคํ…œ์œผ๋กœ ์ œ์–ด๋œ๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.
  • Customizer๋Š” ๋ธ”๋ก์œผ๋กœ ๋Œ€์ฒด ๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ์ธํ„ฐํŽ˜์ด์Šค๋Š” (๋Œ€๋žต) ๋™์ผํ•˜๊ฒŒ ์œ ์ง€๋˜์ง€๋งŒ Customizer์˜ ์„น์…˜์€ ๋™์ผํ•œ API์— ์˜ํ•ด ์ œ์–ด๋ฉ๋‹ˆ๋‹ค.
  • ํ”Œ๋Ÿฌ๊ทธ์ธ ํŽ˜์ด์ง€, ํ…Œ๋งˆ ํŽธ์ง‘๊ธฐ, ๋Œ€์‹œ ๋ณด๋“œ ์ž์ฒด๋Š” ๋ชจ๋‘ ๊ฒฐ๊ตญ ๋ธ”๋ก์ด ๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ์ด ์„น์…˜์˜ ์•„์ด๋””์–ด๋ฅผ ๊ทธ๋Œ€๋กœ์žˆ๋Š” ๊ทธ๋Œ€๋กœ ์ผ๋ฐ˜ API๋กœ ์žฌํ˜„ํ•˜๋Š” ๊ฒƒ์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด WordPress ์šฉ์–ด๋กœ ๋ธ”๋ก์ด ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•œ ์˜คํ•ด๊ฐ€์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฌธ์ œ๋Š” ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ๋ธ”๋ก ํŒจ๋Ÿฌ๋‹ค์ž„ ๋‚ด์—์„œ ๋‹ค์‹œ ์ƒ์„ฑ ๋  ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ์‚ฌ์‹ค ํฌ์ŠคํŠธ ์œ ํ˜•์— ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์œผ๋กœ ์ถ”๊ฐ€๋˜๊ณ  ์ œ์ž๋ฆฌ์— ๊ณ ์ •๋˜๊ณ  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์— ๋Œ€ํ•œ ์ฉ์€ ์—ด๋งค๋ฅผ ๋˜์ง€๋Š” ๊ฒƒ์€ ๊ธฐ๋ถ„์ด ์ข‹์„ ์ˆ˜๋„ ์žˆ์ง€๋งŒ ๋„์›€์ด๋˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰