Gutenberg: ๋„ค์ดํ‹ฐ๋ธŒ ๊ตฌํ…๋ฒ ๋ฅดํฌ ํ™•์žฅ์„ฑ ๊ฐœ์š”

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

์ด๊ฒƒ์€ ๊ธฐ๋ณธ Gutenberg ํ”Œ๋Ÿฌ๊ทธ์ธ ์ง€์›์˜ ๋‹ค์–‘ํ•œ ์ธก๋ฉด์„ ํฌํ•จํ•˜๋Š” ์ง€์†์ ์ธ ์ฐธ์กฐ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

๋ธ”๋ก

๋ธ”๋ก์€ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ํ™œ์šฉํ•˜๊ณ  ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋ณธ ์ธํ„ฐํŽ˜์ด์Šค ์š”์†Œ์ž…๋‹ˆ๋‹ค. Block API ๋Š” ํ˜„์žฌ ํ”„๋กœ์ ํŠธ์—์„œ ๊ฐ€์žฅ ๊ตฌ์ฒดํ™”๋œ ์ธก๋ฉด์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ๋‹ค์Œ์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

  • ์ƒˆ ๋ธ”๋ก ์ถ”๊ฐ€ ๋ฐ ํ•ด๋‹น ๊ตฌ์„ฑ์˜ ์ „์ฒด API ํ‘œ๋ฉด.
  • ๋ธ”๋ก์˜ ์ƒˆ ๋ฒ”์ฃผ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
  • ํŠน์ • ๋ธ”๋ก์„ ๋น„ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.

๋ธ”๋ก ํ™•์žฅ์„ฑ์˜ ๋˜ ๋‹ค๋ฅธ ์ธก๋ฉด์€ ๊ธฐ๋Šฅ์„ ๋ณ€๊ฒฝํ•˜๊ฑฐ๋‚˜ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ์กด ๋ธ”๋ก์— ์—ฐ๊ฒฐํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

  • ๋„๊ตฌ ๋ชจ์Œ ๋˜๋Š” ๊ฒ€์‚ฌ๊ธฐ ํ•ญ๋ชฉ์„ ๊ธฐ์กด ๋ธ”๋ก์— ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
  • ํŠน์ • ์ฐจ๋‹จ ๊ธฐ๋Šฅ์„ ๋น„ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.
  • ์ฃผ์„ API.
  • ์“ฐ๊ธฐ ๊ธฐ๋Šฅ ํ™•์žฅ(์˜ˆ: Editable์—์„œ ์ธ์‹ํ•  ์ˆ˜ ์žˆ๋Š” ๋“ฑ๋ก ํ† ํฐ).

ํ…Œ๋งˆ ์ง€์›

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

๋” ๋ณด๊ธฐ: http://gutenberg-devdoc.surge.sh/reference/theme-support/

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

๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ

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

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

์ฝ˜ํ…์ธ  ์™ธ๋ถ€

๋ธ”๋ก์€ ์ฝ˜ํ…์ธ ์˜ ์˜์—ญ์„ ๋‹ค๋ฃจ์ง€๋งŒ ์ฝ˜ํ…์ธ ์— ์†ํ•˜์ง€ ์•Š๋Š” ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ์—ฌ๋Ÿฌ ์‚ฌ์šฉ ์‚ฌ๋ก€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค(Yoast SEO ๋„๊ตฌ, Jetpack์˜ ๊ณต๊ฐœ ๊ธฐ๋Šฅ ๋“ฑ). ๋ณธ์งˆ์ ์œผ๋กœ ์ฝ˜ํ…์ธ ์™€ ๋ถ„๋ฆฌ๋œ ์ด ๊ธฐ๋Šฅ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ถ„๋ฆฌ๋ฅผ ๋ณด๋‹ค ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•˜๊ณ  ์‚ฌ์šฉ ์ค‘์ธ ๋„๊ตฌ์˜ ๋ชฉ์ ์— ๋งž๊ฒŒ ์ตœ์ ํ™”ํ•˜๊ธฐ ์œ„ํ•ด UI์— ๋‹ค๋ฅธ ์ „์šฉ ์œ„์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰:

  • ๋ธ”๋ก ์ธ์ŠคํŽ™ํ„ฐ. (๋ธ”๋ก๊ณผ ๊ด€๋ จ๋œ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ)
  • ํฌ์ŠคํŠธ ์‚ฌ์ด๋“œ๋ฐ” ํŒจ๋„.
  • ๊ฒŒ์‹œ ๋ฉ”๋‰ด ํ๋ฆ„.
  • ํ—ค๋” ๋„๊ตฌ ๋ชจ์Œ.
  • ์ค„์ž„ํ‘œ ๋ฉ”๋‰ด("์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์•ฑ ์˜์—ญ").

์ด๋“ค์€ Block API๊ฐ€ ์•ˆ์ •๋˜๊ณ  ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋จ์— ๋”ฐ๋ผ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ํƒ€๊ฒŸํŒ…ํ•  ์ˆ˜ ์žˆ๋Š” Gutenberg UI์˜ ํ˜„์žฌ _regions_์ž…๋‹ˆ๋‹ค. [์Šคํฌ๋ฆฐ์ƒท ๋ฐ ๊ฐœ๋… ํฌํ•จ]

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

๊ธ€๋กœ๋ฒŒ ๋ธ”๋ก

๊ธ€๋กœ๋ฒŒ ๋ธ”๋ก์„ ์ค‘์‹ฌ์œผ๋กœ ์ž‘์—…์ด ์ˆ˜ํ–‰๋จ์— ๋”ฐ๋ผ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ๊ธฐ์„ฑํ’ˆ ๊ธ€๋กœ๋ฒŒ ๋ธ”๋ก์„ ์ œ๊ณตํ•˜์—ฌ Gutenberg๋ฅผ ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๋˜ ๋‹ค๋ฅธ ์ž ์žฌ์  ์˜์—ญ์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์‚ฌ์šฉ์ž ์ •์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•

์‚ฌ์šฉ์ž ์ •์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์€ ํฌ์ปค์Šค ํฌ์ธํŠธ์—์„œ ํฌ๊ฒŒ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ถ€๋Š” ๋‹จ์ˆœํžˆ ๋ถ„๋ฅ˜ํ•™์ ์ธ ๋ฐ˜๋ฉด ๋‹ค๋ฅธ ์ผ๋ถ€๋Š” "์ฝ˜ํ…์ธ " ์˜์—ญ์ด ๋” ์ด์ƒ ์˜๋ฏธ๊ฐ€ ์—†๋Š” ์ง€์ ๊นŒ์ง€ ๋‹ค์–‘ํ•œ ๋ฐฉ์‹์œผ๋กœ UI๋ฅผ ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค(WooCommerce ์ฃผ๋ฌธ ์ƒ๊ฐ). Gutenberg๋Š” CPT์—์„œ ์„ ์–ธํ•œ editor ์ง€์›์„ ์กด์ค‘ํ•˜๋ฉฐ ์ง€์›๋˜์ง€ ์•Š์œผ๋ฉด ๋กœ๋“œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. show_in_rest ๊ฐ€ ์„ค์ •๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ์—๋„ ๋กœ๋“œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ CPT๋Š” ๊ธฐ๋ณธ ๋ธ”๋ก, ๊ธฐ๋ณธ ๋ธ”๋ก ์ง‘ํ•ฉ(์ค‘์ฒฉ ๊ทธ๋ฃน) ๋˜๋Š” CPT์—์„œ ํ—ˆ์šฉ๋˜์ง€ ์•Š์•„์•ผ ํ•˜๋Š” ๋ธ”๋ก์„ ์„ ์–ธํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.


๋ชจํ˜•

์ฐธ๊ณ ๋กœ ์ด๊ฒƒ๋“ค์€ ๋ชจํ˜•์ž…๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ ๋ฐ ํ”ผ๋“œ๋ฐฑ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ตฌํ˜„์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ๋ณด๋ ค๋ฉด ์ƒˆ ํƒญ์—์„œ ๋ชจํ˜•์„ ์—ฌ์‹ญ์‹œ์˜ค.

๋Œ“๊ธ€ ์ฐจ๋‹จ

ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ๋ธ”๋ก ์ˆ˜์ค€ ๋ฉ”๋‰ด๋ฅผ ํ™•์žฅํ•˜์—ฌ ์ฃผ์„ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ๊ณผ ๊ฐ™์€ ์ƒํ™ฉ๋ณ„ ์ž‘์—…์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

block comments 01

block comments 02 adding comments

์ด ์ธํ„ฐํŽ˜์ด์Šค๋Š” ๋งž์ถค๋ฒ• ๊ฒ€์‚ฌ๊ธฐ ๋˜๋Š” ์ฝ˜ํ…์ธ  ๋ถ„์„ ๋„๊ตฌ์™€ ๊ฐ™์€ ํ”Œ๋Ÿฌ๊ทธ์ธ์—๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

readability 01

readability 02 block comments

ํ˜‘๋™

์ค„์ž„ํ‘œ ๋ฉ”๋‰ด๋Š” ๋ฌธ์„œ ์ˆ˜์ค€ ๋„๊ตฌ ๋ฐ ์ž‘์—…์„ ์ถ”๊ฐ€ํ•˜๊ธฐ์— ์ข‹์€ ์œ„์น˜์ž…๋‹ˆ๋‹ค.

collaboration 01

collaboration 02 invite

collaboration 03 coediting

ํ”Œ๋Ÿฌ๊ทธ์ธ ์‚ฌ์ด๋“œ๋ฐ”

๊ฒŒ์‹œ๋ฌผ ์„ค์ • ์‚ฌ์ด๋“œ๋ฐ”๋Š” ํ† ๊ธ€ํ•˜์—ฌ ๋ชจ๋ฐ”์ผ์—์„œ ๋ชจ๋‹ฌ๋กœ ํ˜ธ์ถœํ•˜๊ฑฐ๋‚˜ ์ฝ˜ํ…์ธ ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ๋‹ซ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์— ์˜ํ•ด ์ถ”๊ฐ€๋œ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ํฌํ•จํ•˜์—ฌ ๋‹ค๋ฅธ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ํ† ๊ธ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. WolframAlpha ์‚ฌ์ด๋“œ๋ฐ”๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

plugin sidebars 01

plugin sidebars 02 wolframalpha

ํ™”๋ฉด ์žฅ์•… ๋ชจ๋‹ฌ

์˜ˆ๋ฅผ ๋“ค์–ด ๊ตฌ์„ฑ ๋„๊ตฌ๋ฅผ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด ํ”Œ๋Ÿฌ๊ทธ์ธ์— ๋ฐฉ๋Œ€ํ•œ ๊ณต๊ฐ„์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋ชจ๋‹ฌ์—์„œ ์ „์ฒด ์บ”๋ฒ„์Šค๋ฅผ ์ฐจ์ง€ํ•˜๋„๋ก ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

screen takeover 1

screen takeover 2

์‚ฌ์ „ ๊ฒŒ์‹œ ์ ๊ฒ€

์ผ๋ถ€ ์ •๋ณด๋Š” ์ถœํŒ ํ–‰์œ„์™€ ๊ด€๋ จํ•˜์—ฌ ๊ท€ํ•˜์—๊ฒŒ ํ‘œ์‹œ๋  ๋•Œ ๊ฐ€์žฅ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ผ์ • ๋ฐ ๊ฒŒ์‹œ๋ฌผ ๊ฐ€์‹œ์„ฑ๊ณผ ๊ฐ™์€ ๊ฒƒ. ํ”Œ๋Ÿฌ๊ทธ์ธ์ด SEO ๋˜๋Š” ๊ฐ€๋…์„ฑ ์ ์ˆ˜์™€ ๊ฐ™์€ ์œ ์šฉํ•œ ๋งˆ์ง€๋ง‰ ์ ๊ฒ€ ์•Œ๋ฆผ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ๊ฒŒ์‹œํ•˜๊ธฐ ์ „์— Twitter์— ๊ฒŒ์‹œํ•  ๋ฉ”์‹œ์ง€๋ฅผ ์‚ฌ์šฉ์ž ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

publish checkup 01

publish checkup 02 popup version

[Feature] Extensibility

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

iframe์— ์˜์กดํ•˜์—ฌ UI๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค Frankendesign๋ณด๋‹ค ๋” ์ข‹์€ ๊ฒƒ์€ ์—†์Šต๋‹ˆ๋‹ค. ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค์— ํฐ ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์ดํ•ดํ•˜์ง€๋งŒ ๋””์ž์ธ์˜ ์ผ๋ถ€๋Š” ์ œํ•œ ์‚ฌํ•ญ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ œํ•œ์ด ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€๊ฑฐ๋‚˜ ์ „ํ™˜ ๊ณ„ํš์„ ๋๊นŒ์ง€ ๋ฏธ๋ฃจ๋Š” ๊ฒƒ์€ ์ด๋ฏธ ๊ฑฑ์ •ํ•˜๊ณ  ํšŒ์˜์ ์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ๋” ๋งŽ์€ ์šฐ๋ ค๋ฅผ ๋”ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ์žฅ๊ธฐ ๊ณ„ํš์ด ํ”Œ๋Ÿฌ๊ทธ์ธ ์˜์—ญ์ด์—ˆ๋‹ค๋ฉด ๋ฌดํ•œํ•œ ์‹คํ—˜์„ ํ–ˆ๋‹ค๊ณ  ๋งํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‚ฌ๋žŒ๋“ค์ด ์˜ตํŠธ์•„์›ƒํ•˜๊ธฐ๋ณด๋‹ค ์˜ตํŠธ์•„์›ƒํ•ด์•ผ ํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ๋  ์šด๋ช…์ด ์•„๋‹ˆ๋ผ๋ฉด ํ•ต์‹ฌ๊ณผ ํ•จ๊ป˜ ๊ฐ€์ ธ์˜ค๋Š” ๋ชจ๋“  ์ง์„ ํ˜„์‹ค์ ์œผ๋กœ ๋‹ค๋ฃจ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

Gutenberg๋Š” CPT์— ์˜ํ•ด ์„ ์–ธ๋œ ํŽธ์ง‘๊ธฐ ์ง€์›์„ ์กด์ค‘ํ•˜๋ฉฐ ์ง€์›๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ๋กœ๋“œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

  • ์ƒˆ๋กœ์šด ์‚ฌ์šฉ์ž๋Š” ๋‘ ๊ฐ€์ง€ ์œ ํ˜•์˜ ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์„œ๋กœ ๋‹ค๋ฅธ ์ฃผ์š”ํ•˜๊ณ  ๋ฏธ๋ฌ˜ํ•œ ๋ฐฉ์‹์„ ๋ฐฐ์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฒŒ์‹œ๋ฌผ์„ ๊ฒŒ์‹œํ•˜๊ฑฐ๋‚˜ ํ…์ŠคํŠธ ๋ณด๊ธฐ๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ๊ฐ„๋‹จํ•œ ์ž‘์—…์€ Gutenberg ๋ฐ Classic ํŽธ์ง‘๊ธฐ์—์„œ ๋‹ค๋ฅด๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

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

  • WordPress ๊ฐœ๋ฐœ์— ์ž…๋ฌธํ•˜๋Š” ์ƒˆ๋กœ์šด ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ฐœ๋ฐœ์ž๋Š” ๋‘ ๊ฐ€์ง€ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์œผ๋กœ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๋นŒ๋“œํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค. Gutenberg ๋ธ”๋ก์„ ์ˆ˜์šฉํ•œ๋‹ค๊ณ  ๊ฐ€์ •ํ•˜๋ฉด ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ธฐ๋Šฅ์€ Classic ํŽธ์ง‘๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์—์„œ๋„ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฉ”ํƒ€ ๋ฐ•์Šค๋ฅผ ์ž‘๋™์‹œ์ผœ์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ํ•œ ๋‹จ์ˆœํžˆ Gutenberg๋ฅผ ๋„๋Š” ๊ฒƒ์ด ์žฅ๊ธฐ์ ์œผ๋กœ ์ตœ์ƒ์˜ ์†”๋ฃจ์…˜์€ ์•„๋‹™๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ๊ตฌํ…๋ฒ ๋ฅดํฌ๊ฐ€ ์ „ํ˜€ ๋กœ๋“œ๋˜์ง€ ์•Š๊ณ  ๋Œ€์‹  ํด๋ž˜์‹ ํŽธ์ง‘๊ธฐ๊ฐ€ ์‚ฌ์šฉ๋œ๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค๋ฉด ๊ตฌํ…๋ฒ ๋ฅด๊ทธ์™€ ํด๋ž˜์‹ ํ™˜๊ฒฝ ๊ฐ„์— ๋ถ„ํ• ๋œ ๋ถ„์—ด๋œ WP ๊ด€๋ฆฌ์ž๋กœ ํ–ฅํ•˜๋Š” ๊ฒฝ๋กœ๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

CPT๊ฐ€ ํŽธ์ง‘๊ธฐ๋ฅผ ์ „ํ˜€ ํ™œ์„ฑํ™”ํ•˜์ง€ ์•Š์œผ๋ ค๋Š” ๊ฒฝ์šฐ์—๋Š” ์ด๊ฒƒ์ด ์ตœ์„ ์˜ ๊ฒฝ๋กœ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋‹จ์ˆœํžˆ ๋‹ค๋ฅธ ๊ฒฝํ—˜์— ์ตœ์ ํ™”๋œ ๋‹ค๋ฅธ ๊ด€๋ฆฌ์ž ๋ณด๊ธฐ์ž…๋‹ˆ๋‹ค. (์˜ˆ๋ฅผ ๋“ค์–ด Woo์˜ "orders" ๋ณด๊ธฐ.) ๋ˆ„๊ตฐ๊ฐ€ Gutenberg ์ปจํ…์ŠคํŠธ ๋‚ด์—์„œ ๋ Œ๋”๋งํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด๋Š” Customizer์˜ ์ถœํ˜„๊ณผ ์œ ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์ปจํ…์ŠคํŠธ์—์„œ ๋™์ผํ•œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์ƒˆ๋กœ์šด ์ธํ„ฐํŽ˜์ด์Šค ํŒจ๋Ÿฌ๋‹ค์ž„์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ํ•ญ์ƒ "๊ด€๋ฆฌ" ์ธํ„ฐํŽ˜์ด์Šค์™€ "ํŽธ์ง‘" ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋ถ€๋ถ„์ ์œผ๋กœ ์ธํ„ฐํŽ˜์ด์Šค์˜ ๋‹ค์–‘ํ•œ ๋ชฉ์ ์„ ๋ช…ํ™•ํžˆ ํ•จ์œผ๋กœ์จ ์šฐ๋ฆฌ๊ฐ€ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

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

์šฐ๋ฆฌ๋Š” ํ•ญ์ƒ "๊ด€๋ฆฌ" ์ธํ„ฐํŽ˜์ด์Šค์™€ "ํŽธ์ง‘" ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ๋ฐ”๋กœ ์˜ค๋Š˜๋‚  ์—๋””ํ„ฐ์™€ ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ์ˆ˜ํ–‰ํ•˜๋Š” ์—ญํ• ์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ๋“ค์€ ๊ณ ๋ฆฝ๋œ ๊ฒฝํ—˜์ด ์•„๋‹™๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ํ•จ๊ป˜ ์ผํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด ์•„๋งˆ๋„ ๋ฒ”์œ„ ํฌ๋ฆฌํ”„๊ฐ€ ํ•ด๊ฒฐ๋˜์–ด์•ผ ํ•˜๊ณ  Gutenberg๋Š” wp_editor() ์ฑ„์›Œ์ง„ ์˜์—ญ์œผ๋กœ ์ œํ•œ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ํ™•์‹คํžˆ ๋งŽ์€ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์Šค์ฝ”ํ”„ ํฌ๋ฆฌํ”„

์Šค์ฝ”ํ”„ ํฌ๋ฆฝ์„ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์ด ์ œ๊ฐ€ ์„ ํ˜ธํ•˜๋Š” ์‚ฌํ•ญ์ด๋ฉฐ ์ง€๋‚œ ๋ช‡ ๋‹ฌ ๋™์•ˆ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์š”๊ตฌํ•ด ์˜จ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด ๊ด€๋ฆฌ ํ™˜๊ฒฝ์„ ๋ถ„ํ• ํ•˜์ง€ ์•Š๊ณ ๋„ ํŽธ์ง‘๊ธฐ๋ฅผ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๋ณ„ Gutenberg ํ™œ์„ฑํ™”

๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๋ณ„๋กœ Gutenberg๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•˜๋Š” ๊ธฐ๋Šฅ๊ณผ ๊ด€๋ จํ•˜์—ฌ ์ €๋Š” ๋ฌธ์ œ๋ฅผ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ์†”๋ฃจ์…˜์— ๋„๋‹ฌํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์ง€ ์•Š๋‹ค๋Š” ์ ์„ ๊ฐ•์กฐํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๋ณ„๋กœ Gutenberg๋ฅผ ๋„๋ฉด ์ผ๋ถ€ ํ”Œ๋Ÿฌ๊ทธ์ธ์— ๋Œ€ํ•œ ๋ฉ”ํƒ€ ์ƒ์ž ๋น„ํ˜ธํ™˜์„ฑ์„ ํ”ผํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์žฅ๊ธฐ์ ์œผ๋กœ WordPress ํ™˜๊ฒฝ์ด ์†์ƒ๋ฉ๋‹ˆ๋‹ค.

์ด์œ ๋ฅผ ์•Œ ์ˆ˜ ์—†๋‹ค๋ฉด Gutenberg๊ฐ€ ํ•ฉ๋ณ‘๋œ ํ›„ 2๋…„ ํ›„์— ์—…๊ณ„์— ์ง„์ž…ํ•˜๋Š” ์ƒˆ๋กœ์šด ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋œ๋‹ค๊ณ  ์ƒ์ƒํ•ด ๋ณด์‹ญ์‹œ์˜ค.

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

๊ทธ๊ฒƒ๋“ค์€ ์šฐ๋ฆฌ๊ฐ€ UI์—์„œ ํŠน์ด์ ์œผ๋กœ ํ–ฅํ•˜๋Š” ๊ฒฝ๋กœ๊ฐ€ ์—†๊ณ  ๋‘ ๋ช…์˜ ํŽธ์ง‘์ž๋ฅผ ๊ฐ€์ง€๊ณ  ์•ž์œผ๋กœ ๋‚˜์•„๊ฐˆ ๋•Œ ํ’๊ฒฝ์„ ํ˜ผ๋ž€์Šค๋Ÿฝ๊ฒŒ ํ•˜๋Š” ๋ช‡ ๊ฐ€์ง€ ์งˆ๋ฌธ์— ๋ถˆ๊ณผํ•ฉ๋‹ˆ๋‹ค.

show_in_rest

show_in_rest ๊ฐ€ ์„ค์ •๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ ๊ฒŒ์‹œ๋ฌผ์—์„œ Gutenberg๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค๋Š” ์‚ฌ์‹ค์€ ํŽธ์ง‘ ํ™˜๊ฒฝ์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ๊ด€๋ จ ์—†๋Š” ๊ธฐ๋Šฅ์˜ ๋˜ ๋‹ค๋ฅธ ์˜ˆ์ผ ๋ฟ์ž…๋‹ˆ๋‹ค. REST API์˜ ๊ณต๊ฐœ ๊ฒŒ์‹œ๋ฌผ ๊ฐ€์‹œ์„ฑ์— ๋Œ€ํ•œ ์„ ํ˜ธ๋„๊ฐ€ ํŽธ์ง‘ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์ธํ„ฐํŽ˜์ด์Šค์— ์˜ํ–ฅ์„ ๋ฏธ์น  ์ด์œ ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๊ธฐ์ˆ ์ ์ธ ์ด์œ ๋Š” ์ดํ•ดํ•˜์ง€๋งŒ ๋…ผ๋ฆฌ๊ฐ€ ๊ฑฐ๊ธฐ์— ์—†์œผ๋ฉฐ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ํ˜„์žฌ ์ด๊ฒƒ์ด ํ•œ๊ณ„๋ผ๋Š” ์‚ฌ์‹ค์กฐ์ฐจ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

Gutenberg๊ฐ€ ์–ด๋–ป๊ฒŒ wp_editor() ๋งค๊ฐœ๋ณ€์ˆ˜์˜ ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚˜๊ฒŒ ๋˜์—ˆ๋Š”์ง€๋Š” ์—ฌ์ „ํžˆ ์ €๋ฅผ ๋‹นํ™ฉํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. Gutenberg "ํŽธ์ง‘๊ธฐ"๊ฐ€ wp_editor()๋กœ ์ œํ•œ๋˜๋ฉด ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๋ณ„ "์˜ต์…˜์œผ๋กœ ํ™œ์„ฑํ™”"๊ฐ€ ํ˜„์‹ค์ด ๋˜๋ฉฐ ์•ž์œผ๋กœ ํ›จ์”ฌ ๋” ๊ด€๋ฆฌํ•˜๊ธฐ ์‰ฝ๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ์—ฌ์ „ํžˆ Gutenberg ์Šค์ฝ”ํ”„ ํฌ๋ฆฝ์ด ์ถ•์†Œ๋  ์ˆ˜ ์—†๊ณ  wp_editor() ๋‚ด์— ํฌํ•จ๋  ์ˆ˜ ์—†๋Š” ์ด์œ ์— ๋Œ€ํ•œ ํ•ฉ๋ฆฌ์ ์ธ ์„ค๋ช…์„ ๋ณด์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.

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

CPT๊ฐ€ ๋‹จ์ˆœํ•œ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‹ค์–‘ํ•œ ์„ค์ • ๋ฐ ์š”์†Œ์— ๋Œ€ํ•œ ๊ด€๋ฆฌ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๋‹ค์–‘ํ•œ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋ณด์•˜์Šต๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด, ๋‚ด๊ฐ€ ์ž‘์—…ํ•œ ์ €์ž ์‚ฌ์ดํŠธ์—๋Š” "๋„์„œ" ๋ฐ "์‡ผํ•‘ ๋งํฌ"์— ๋Œ€ํ•œ CPT๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. Books ๋ชฉ๋ก ํŽ˜์ด์ง€์˜ ํŽธ์ง‘์ž๋กœ Gutenberg๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ์ ˆ๋Œ€์ ์œผ๋กœ ์˜๋ฏธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ "์‡ผํ•‘ ๋งํฌ"์—๋Š” ์ž์ฒด ๊ฒŒ์‹œ๋ฌผ์ด๋‚˜ ํŽ˜์ด์ง€๊ฐ€ ์—†์ง€๋งŒ ๊ฐ "๋„์„œ" ํŽ˜์ด์ง€์˜ ์˜จ๋ผ์ธ ์„œ์ ์— ๋Œ€ํ•œ ๋งํฌ์— ๋Œ€ํ•œ ๋…ผ๋ฆฌ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋„์„œ ํŽ˜์ด์ง€ ํ…œํ”Œ๋ฆฟ์€ ์ง€์—ญ(์˜ˆ: ์˜๊ตญ, ๋ฏธ๊ตญ) ๋ฐ ํ˜•์‹(์˜ˆ: ์ „์ž์ฑ…, ์ธ์‡„ํŒ)๊ณผ ์ผ์น˜ํ•˜๋Š” ์ œํ’ˆ ํŽ˜์ด์ง€์— ๋Œ€ํ•œ Shop Links๋ฅผ ํ‘œ์‹œํ•˜๊ณ  ํฌ์ŠคํŠธ ๋ฉ”ํƒ€ ํ•„๋“œ์— ์ €์žฅ๋œ ISBN์„ ๊ฐ ์˜จ๋ผ์ธ ์ƒ์ ์˜ URL ๊ตฌ์กฐ์— ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค(์Šคํฌ๋ฆฐ์ƒท ์ฐธ์กฐ).
screen shot 2017-11-04 at 22 08 07
screen shot 2017-11-04 at 22 08 43

CPT๋Š” ์ด๋Ÿฌํ•œ ์ข…๋ฅ˜์˜ ๋ฐ์ดํ„ฐ ๋ฐ ์„ค์ •์„ ๊ด€๋ฆฌํ•˜๋Š” ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์€ ์•„๋‹ˆ์ง€๋งŒ ํŽธ์ง‘๊ธฐ๊ฐ€ ์—†๋Š” CPT์™€ ์‚ฌ์šฉ์ž ์ •์˜ ๋ฉ”ํƒ€ ํ•„๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ๊ฒฐํ•ฉํ•œ ์›น ์‚ฌ์ดํŠธ๊ฐ€ ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ข…๋ฅ˜์˜ ์‚ฌ์šฉ์— ๋Œ€ํ•œ ๋‹ค๋ฅธ ์˜ˆ๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŽธ์ง‘๊ธฐ๋ฅผ ์ „ํ˜€ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” CPT์— Gutenberg ํŽธ์ง‘๊ธฐ๋ฅผ ๊ฐ•์ œ๋กœ ์ ์šฉํ•˜๋Š” ๊ฒƒ์€ ํ˜ผ๋ž€์Šค๋Ÿฝ๊ณ  ๋น„์ƒ์‚ฐ์ ์ž…๋‹ˆ๋‹ค.

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

๋ง์ด ์•ˆ ๋ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ Gutenberg๊ฐ€ ์ „์ฒด ํ™”๋ฉด์„ ๋Œ€์ฒดํ•˜๋Š” ํ•œ Gutenberg๋ฅผ ํฌํ•จํ•˜๊ฑฐ๋‚˜ ์ œ์™ธํ•˜๋Š” ๊ฒฐ์ •์€ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์— ํŽธ์ง‘์ž๋ฅผ ์›ํ•˜๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ๋„˜์–ด ๋” ํฐ ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด, ๊ท€ํ•˜๊ฐ€ ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ฐœ๋ฐœ์ž์ด๊ณ  "์‡ผํ•‘ ๋งํฌ ์„ค์ •" ๋ฉ”ํƒ€ ์ƒ์ž๋ฅผ Gutenberg๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ•˜๋‚˜์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๊ณผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๋‘ ๋ฒˆ์งธ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ์›ํ•œ๋‹ค๊ณ  ์ƒ์ƒํ•ด ๋ณด์‹ญ์‹œ์˜ค. ๋ชจ๋“  ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์—์„œ ์ž‘๋™ํ•  ๊ฒƒ์œผ๋กœ ๊ธฐ๋Œ€ํ•˜๋Š” ์ˆ˜์ฒœ ๋ช…์˜ ์‚ฌ์šฉ์ž์—๊ฒŒ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๋ฐฐํฌํ•˜๋Š” ๊ฒฝ์šฐ ์„ ํƒ์˜ ์—ฌ์ง€๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๊ทธ ๋•Œ https://github.com/WordPress/gutenberg/issues/3330#issuecomment -341867663์— ์–ธ๊ธ‰๋œ ์งˆ๋ฌธ์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์ž์ฒด ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜• ๋‚ด์—์„œ ๊ฒฉ๋ฆฌ๋œ ๋ฉ”ํƒ€ ์ƒ์ž๊ฐ€ ๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ์˜ํ–ฅ์„ ๊ฐ€์žฅ ์ ๊ฒŒ ๋ฐ›๋Š”๋‹ค๋Š” ์ ์„ ๋ฐ˜๋ณตํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜• ์ „๋ฐ˜์— ๊ฑธ์ณ ์ œ๊ณต๋˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ธฐ๋Šฅ์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ์„ ๊ณ ๋ คํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ, ํ”Œ๋Ÿฌ๊ทธ์ธ์ด Gutenberg ๋ฐ ๋น„-Gutenberg ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋ชจ๋‘ ์ง€์›ํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ์€ ์ฃผ์š” ์ง„ํ–‰ ์ค‘์ธ ๋ฌธ์ œ๊ฐ€ ๋  ๊ฒƒ์ž„์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด ์งˆ๋ฌธ์€ Gutenberg๊ฐ€ ํŽธ์ง‘๊ธฐ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” CPT๋ฅผ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•˜๋Š”์ง€ ์ž…๋‹ˆ๋‹ค. Gutenberg๋Š” ๋ธ”๋ก์—์„œ ํŽ˜์ด์ง€๋ฅผ ๋นŒ๋“œํ•˜๋Š” ๊ฒƒ์ด ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š๋Š” ์ปจํ…์ŠคํŠธ์—์„œ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๊นŒ?

...๊ตฌํ…๋ฒ ๋ฅดํฌ๊ฐ€ ํŽธ์ง‘๊ธฐ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” CPT๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ• - ๋ธ”๋ก์—์„œ ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š๋Š” ์ƒํ™ฉ์—์„œ ๊ตฌํ…๋ฒ ๋ฅดํฌ๊ฐ€ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๊นŒ?

Gutenberg๊ฐ€ ์ถ•์†Œ๋˜๊ณ  ๋‚ด๊ฐ€ https://github.com/WordPress/gutenberg/issues/3304#issuecomment -341474018์—์„œ ์–ธ๊ธ‰ํ•œ Yoast ๊ฐœ๋…๊ณผ ๊ฐ™์ด ํŽธ์ง‘๊ธฐ๋งŒ ๊ต์ฒดํ•˜๋Š” ๊ฒฝ์šฐ Gutenberg๋ฅผ ํ™œ์„ฑํ™”ํ•˜๊ฑฐ๋‚˜ ๋น„ํ™œ์„ฑํ™”ํ•˜๋Š” ๊ฒƒ์ด ๋งค์šฐ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค.

  • editor ๊ฐ€ ํ™œ์„ฑํ™”๋œ ๊ฒฝ์šฐ ๋ธ”๋ก ํŽธ์ง‘๊ธฐ๊ฐ€ ์กด์žฌํ•˜๊ณ  ์‚ฌ์šฉ๋˜๋Š” ํ›„ํฌ์— ๋”ฐ๋ผ ๋ฉ”ํƒ€ ์ƒ์ž๊ฐ€ ๊ทธ ์œ„ ๋˜๋Š” ์•„๋ž˜์— ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • editor ๊ฐ€ ๋น„ํ™œ์„ฑํ™”๋œ ๊ฒฝ์šฐ ๋ธ”๋ก ํŽธ์ง‘๊ธฐ๊ฐ€ ์—†๊ณ  ๋ฉ”ํƒ€ ์ƒ์ž๊ฐ€ ์œ„๋กœ ์Šฌ๋ผ์ด๋“œ๋˜์–ด ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์˜ ๊ธฐ๋ณธ ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

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

ํ‚ฅ์˜คํ”„ ํฌ์ŠคํŠธ ์™€ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ฐ›์€ ์ถ•๋ณต์„ ๊ฐ์•ˆํ•  ๋•Œ "์Šค์ฝ”ํ”„ ํฌ๋ฆฝ"์ด ์‚ฌ์šฉํ•˜๊ธฐ์—๋Š” ์ด์ƒํ•œ ์šฉ์–ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํŽธ์ง‘ ๊ฒฝํ—˜์„ ์ „์ฒด์ ์œผ๋กœ ๊ฐœ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋…ผ์˜ํ•˜๊ณ  ์—ฐ๊ตฌํ•˜๊ธฐ ์‹œ์ž‘ํ•œ 1์›” 11์ผ ์ดํ›„ ๊ณต๊ฐœ์ ์œผ๋กœ ์ด๋ฏธ ์™„๋ฃŒ๋œ ์ž‘์—…์— ๋Œ€ํ•ด ๋ชจ์š•๊ฐ์„ ๋Š๋‚๋‹ˆ๋‹ค. ์•„๋ฌด ๊ฒƒ๋„ ์šฐ๋ฆฌ์—๊ฒŒ ๋‹ค๊ฐ€์˜ค์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ํ•ญ์ƒ ๊ณ„ํš์ด์—ˆ๊ณ  ์ดˆ์ ์— ๋Œ€ํ•ด ์ •ํ•ด์ง„ ๊ธฐ๊ฐ„์ด ์—†๋Š” ์ด์œ ์ž…๋‹ˆ๋‹ค.

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

ํ๋ฆ„์„ ์žฌ๊ณ ํ•˜์ง€ ์•Š๊ณ  ๊ธฐ์กด ํŽธ์ง‘๊ธฐ์— ๋ธ”๋ก์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ด๋ฏธ ๋ณต์žก์„ฑ์ด ์žˆ์—ˆ๋˜ ๊ณณ์— ๋ณต์žก์„ฑ์ด ์ถ”๊ฐ€๋˜์—ˆ์„ ๊ฒƒ ์ž…๋‹ˆ๋‹ค.

์งง์€ ์ฝ”๋“œ, ์‚ฌ์šฉ์ž ์ •์˜ HTML, ์œ„์ ฏ ๋“ฑ์„ ๋Œ€์ฒดํ•˜๊ธฐ ์œ„ํ•ด ๋ธ”๋ก์„ ํฌํ•จํ•˜๋„๋ก ํฌ์ŠคํŠธ ์ž‘์„ฑ์„ ์žฌ๊ณ ํ•˜๋ผ๋Š” ๋ช…๋ น์ด ์ฃผ์–ด์ง€๋ฉด ์ „์ฒด ์ž‘์„ฑ, ํŽธ์ง‘ ๋ฐ ๊ฒŒ์‹œ ํ๋ฆ„์„ ์ „์ฒด์ ์œผ๋กœ ๋ณด์ง€ ์•Š์Œ์œผ๋กœ์จ ๋””์ž์ด๋„ˆ๋กœ์„œ์˜ ์ฑ…์ž„์„ ๋‚ญ๋น„ํ•˜๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ ์ „์ฒด๊ฐ€ ๋ฏธ๋ž˜๋ฅผ ๋งž์ดํ•˜๊ธฐ ์œ„ํ•ด ๊ณผ๊ฐํ•œ ์กฐ์น˜๋ฅผ ์ทจํ•˜์ง€ ์•Š๋Š” ํ•œ WordPress๊ฐ€ 5๋…„ ์•ˆ์— ๊ด€๋ จ์ด ์žˆ์„ ๊ฒƒ์ด๋ผ๊ณ  ํ™•์‹ ํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค . JavaScript ์ฝ”์–ด๋Š” ์ˆ˜๋…„ ๋™์•ˆ State of the Word ๊ธฐ์กฐ ์—ฐ์„ค์—์„œ ๊ด‘๊ณ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ์—ผ๋‘์— ๋‘๊ณ  ํ’๋ถ€ํ•œ ํฌ์ŠคํŠธ ์ฝ˜ํ…์ธ  ์ž‘์„ฑ์„ ๊ทผ๋ณธ์ ์œผ๋กœ ๋‹จ์ˆœํ™”ํ•ด์•ผ ํ•˜๋Š” ๊ธฐํšŒ๋ฅผ ์œ ์ง€ํ•˜๋ฉด์„œ ์ž‘์€ ์ฐฝ ๋Œ€์‹  ์ „์ฒด ํŽธ์ง‘ ๊ฒฝํ—˜์„ ๋ณด๋Š” ๊ฒƒ์€ ๊ธฐํšŒ์ผ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ทธ๊ฒƒ์ด ๊ฐ€์ ธ์˜ค๋Š” ์–ด๋ ค์›€์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๊ทธ๋ ‡์ง€ ์•Š์€ ๋””์ž์ธ์„ ํ•˜๋Š” ๊ฒƒ์€ ํ‹€๋ฆผ์—†์ด ํƒœ๋งŒํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์œผ๋กœ.

์ „์ฒด ํ™”๋ฉด์„ ๋ณด์ง€ ์•Š๊ณ  ์ข‹์€ ํŽธ์ง‘๊ธฐ๋ฅผ ๋””์ž์ธํ•˜๋Š” ๊ฒƒ์€ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค . ์ด๊ฒƒ์€ ๋ถˆํŽธํ•˜๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์–ด๋ ต๊ฒŒ ๋งŒ๋“ค๊ณ  WordPress์˜ ์œ ์‚ฐ์„ ๊ฐ์•ˆํ•  ๋•Œ ์—ฌ์ „ํžˆ ๋” ์–ด๋ ต๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์‰ฝ์ง€ ์•Š์•˜์œผ๋ฉฐ, ํŠนํžˆ Gutenberg๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ํ™•์žฅ๋  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์—ฌ์ „ํžˆ ๊ฐˆ ๊ธธ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ฝ˜ํ…์ธ  ํ…์ŠคํŠธ ์˜์—ญ๋งŒ ๋Œ€์ฒดํ•˜๋„๋ก Gutenberg๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์€ ๋ฐ˜ ๋‹จ๊ณ„๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ฒƒ์ด๋ฏ€๋กœ WordPress์— ํฐ ํ”ผํ•ด๋ฅผ ์ž…ํžˆ๊ณ  ๋ถ€ํŒ…ํ•˜๊ธฐ์— ์ข‹์ง€ ์•Š์€ ๋””์ž์ธ์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

ํ˜„์žฌ ํŽธ์ง‘ ํ™”๋ฉด ์— ๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ํ•œ ๊ตฌ์„ฑ ์š”์†Œ , ํŽธ์ง‘๊ธฐ ์บ”๋ฒ„์Šค๋งŒ

๊ทธ๋Ÿฌ๋ฉด ์งˆ๋ฌธ์€ Gutenberg๊ฐ€ ํŽธ์ง‘๊ธฐ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” CPT๋ฅผ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•˜๋Š”์ง€ ์ž…๋‹ˆ๋‹ค. Gutenberg๋Š” ๋ธ”๋ก์—์„œ ํŽ˜์ด์ง€๋ฅผ ๋นŒ๋“œํ•˜๋Š” ๊ฒƒ์ด ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š๋Š” ์ปจํ…์ŠคํŠธ์—์„œ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๊นŒ?

@CalebWoodbridge ์ด๊ฒƒ์ด ์ด๋ฏธ ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ์ฐธ์กฐ: https://github.com/WordPress/gutenberg/blob/master/lib/register.php#L290

๋‚˜๋Š” '์Šค์ฝ”ํ”„ ํฌ๋ฆฌํ”„'๋ผ๋Š” ์šฉ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์˜ณ์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์„ ๋‘ ๋ฒˆ์งธ๋กœ ๋งํ•˜๊ณ  ์‹ถ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ๊ฐ€ ํ•˜๋Š” ์ผ์„ ํ•˜๋ ค๋Š” ํ”„๋กœ์ ํŠธ์—๋Š” ํ™•์‹คํžˆ ์ ์šฉ๋˜์ง€ ์•Š๋Š” ์šฉ์–ด์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์— ๋Œ€ํ•ด ๊ณ๋ˆˆ์งˆ์„ ํ•ด์„œ ๋ฏธ์•ˆํ•˜์ง€๋งŒ ๋งํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ธฐ์ˆ ์ ์ธ ๋ง์„ ํ•  ๋•Œ ์กด๊ฒฝ์„ ํ‘œํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋””์ž์ด๋„ˆ๋„ ๊ฐ™์€ ์‹œ๊ฐ์œผ๋กœ ์ƒ๊ฐํ•˜์‹ญ์‹œ์˜ค. ์ด ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๋Š” ๋””์ž์ด๋„ˆ๋“ค์€ ๋งŽ์€ ๊ฒฝํ—˜๊ณผ ๊ธฐ์ˆ ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ๊ทธ ์ž‘์—…์„ ๊นŠ์ด ์กด๊ฒฝํ•˜๊ณ  ์ด๋ ‡๊ฒŒ ํ›Œ๋ฅญํ•œ ๋””์ž์ด๋„ˆ๋“ค๊ณผ ํ•จ๊ป˜ ํ”„๋กœ์ ํŠธ์˜ ๋””์ž์ธ ๋ฆฌ๋”๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๊ธฐ์˜๊ฒŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

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

๋””์ž์ธ ์ ‘๊ทผ ๋ฐฉ์‹์„ ๋ณผ ๋•Œ ๊ฒฝํ—˜์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. @matias ์™€ ํ•จ๊ป˜ ์›๋ž˜ ๋น„์ „์˜ @jasmussen ์€ ์™„์ „ํ•œ ๊ฒฝํ—˜์˜ ๊ธฐ์ดˆ๋ฅผ ์„ค์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‘ ๋ฒˆ์งธ ๋””์ž์ธ ๋ฆฌ๋”๋กœ์„œ ๊ทธ๊ฒƒ์€ ๋‚ด๊ฐ€ ์†Œ์ค‘ํžˆ ์—ฌ๊ธฐ๊ณ  ๋ณด์กดํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋””์ž์ธ ๊ด€์ ์—์„œ ๊ณผ๊ฑฐ WordPress์˜ ํฐ ๋ฌธ์ œ ์ค‘ ํ•˜๋‚˜๋Š” ์ž‘์€ ๋ฐ˜๋ณต ์œ„์— ์ž‘์€ ๋ฐ˜๋ณต์˜ ๋‚˜์„ ํ˜•์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ ๋ช‡ ๊ฐ€์ง€๋Š” ์ž‘๋™ํ•˜์ง€๋งŒ ์‹œ๊ฐ„์ด ์ง€๋‚จ์— ๋”ฐ๋ผ ๊ฐœ์„  ํŒจ์น˜์™€ ํ•จ๊ป˜ ์œ ์ง€๋˜๋Š” ๊ฒฝํ—˜์ด ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์œผ๋กœ ๊ณ ํ†ต๋ฐ›๋Š” WordPress๊ฐ€ ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ํŽธ์ง‘์ž๋Š” ํ•˜๋‚˜์ด๊ณ  ๋ฏธ๋””์–ด๋Š” ๋˜ ํ•˜๋‚˜์ด๋ฉฐ ์ง€์ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ๋” ๋งŽ์Šต๋‹ˆ๋‹ค.

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

๋‚˜๋Š” ๋˜ํ•œ Frankendesigns์— ๋Œ€ํ•ด ๊ฒฝ๊ณ ํ•˜๋Š” ์š”์ ์„ ๊ฐ–๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ์ „ ์„ธ๊ณ„์˜ ๋ชจ๋“  ๋””์ž์ด๋„ˆ๋Š” ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ '์—ฌ๊ธฐ์— x ๋˜๋Š” y๋ฅผ ๋„ฃ์–ด๋ผ'๊ณ  ์ œ์•ˆํ•œ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋””์ž์ด๋„ˆ๊ฐ€ ๋””์ž์ธํ•˜๋Š” ๊ฒƒ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ์—๊ฒŒ ๋””์ž์ธ์„ ๋งก๊ธฐ์ง€ ์•Š๋Š”๋‹ค๋ฉด ํ”„๋กœ์ ํŠธ๋กœ์„œ ์šฐ๋ฆฌ๋Š” ํ•˜๋ฝ์„ธ์— ์ ‘์–ด๋“ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์ง์„ค์ ์œผ๋กœ ๋””์ž์ด๋„ˆ์˜ ๋ถˆ์„ ์ฃฝ์ด๋Š” ์ผ์ข…์˜ ํ”„๋กœ์„ธ์Šค์ž…๋‹ˆ๋‹ค. ๊ณ„์† ๋ถˆ์„ ๋ƒ…์‹œ๋‹ค.

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

@jasmussen ์ด ๊ณผ๊ฐํ•˜๊ฒŒ ์ œ๊ธฐํ•œ

๋ถ„๋ช…ํžˆ ๋งํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅด๊ทธ๊ฐ€ ๋””์ž์ธ์œผ๋กœ์„œ '์™„๋ฃŒ'๋˜๊ฑฐ๋‚˜ ์™„๋ฒฝํ•˜๋‹ค๊ณ  ๋งํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๋ฐ˜๋ณตํ•ด์•ผ ํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ํ•„์š”๋กœ ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์€ ๊ฑฐ๊พธ๋กœ ๋Œ์•„๊ฐ€์„œ ํ™•๋ฆฝ๋œ ๊ฐ•๋ ฅํ•œ ๋””์ž์ธ ์–ธ์–ด์—์„œ ๋ฒ—์–ด๋‚˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” Frankendesign์„ ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ์—๊ฒŒ ํ•„์š”ํ•œ ๊ฒƒ์€ ํ…Œ์ŠคํŠธํ•˜๊ณ  ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›๊ณ  ๋””์ž์ด๋„ˆ๊ฐ€ ๋ฐ˜๋ณตํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋””์ž์ธ ๊ด€์ ์—์„œ ๊ณผ๊ฑฐ WordPress์˜ ํฐ ๋ฌธ์ œ ์ค‘ ํ•˜๋‚˜๋Š” ์ž‘์€ ๋ฐ˜๋ณต ์œ„์— ์ž‘์€ ๋ฐ˜๋ณต์˜ ๋‚˜์„ ํ˜•์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ ๋ช‡ ๊ฐ€์ง€๋Š” ์ž‘๋™ํ•˜์ง€๋งŒ ์‹œ๊ฐ„์ด ์ง€๋‚จ์— ๋”ฐ๋ผ ๊ฐœ์„  ํŒจ์น˜์™€ ํ•จ๊ป˜ ์œ ์ง€๋˜๋Š” ๊ฒฝํ—˜์ด ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค.

์ด์™€ ๊ฐ™์€ ์ง„์ˆ ์„ http://matiasventura.com/post/gutenberg-or-the-ship-of-seus/ ์™€ ๊ฐ™์€ ๊ณต๊ฐœ ์ง„์ˆ ๊ณผ ์กฐํ™”์‹œํ‚ค๋ ค๊ณ  ํ•˜๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ์ž‘์—…์— ๋Œ€ํ•ด ์ •์งํ•œ ์˜์‚ฌ ์†Œํ†ต์„ ๋ฐ›๊ณ  ์žˆ๋‹ค๊ณ  ๋Š๋ผ๊ธฐ๊ฐ€ ๋งค์šฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ๋ ๋‚˜๊ฐ€๊ณ ์žˆ๋‹ค. ์›Œ๋“œํ”„๋ ˆ์Šค๋Š” ์ˆ˜๋ฐฑ๋งŒ ๋ช…์˜ ์‚ฌ๋žŒ๋“ค์ด ์ˆ˜๋ฐฑ๋งŒ ๊ฐ€์ง€ ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๋ฉ”ํƒ€๋ฐ•์Šค ์ง€์›์ด๋‚˜ ํฌ์ŠคํŠธ ์Šคํ† ๋ฆฌ์ง€ ํ˜•์‹๊ณผ ๊ฐ™์€ ๊ธฐ์ˆ ์  ์ธก๋ฉด๊ณผ ๊ด€๋ จํ•˜์—ฌ ๊ฐ€๋Šฅํ•œ ํ•œ ํŒŒ์†์ด ์ ์€ ์ ์ง„์ ์ธ ์ ‘๊ทผ์ด ํ•„์š”ํ•˜๋‹ค๋Š” ๊ฒƒ์ด ์ถฉ๋ถ„ํžˆ ๋ถ„๋ช…ํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์ด ๊ฒฐ์ •์€ ๊ตฌํ˜„์˜ ์—ฌ๋Ÿฌ ๋ถ€๋ถ„์„ ๋ณต์žกํ•˜๊ฒŒ ๋งŒ๋“ค๊ณ  ์ฐจ์„ ์ฑ…์ด์ง€๋งŒ ์—ฌ๋Ÿฌ ๋ฉด์—์„œ ๋” ์ž˜ ์ง€์›๋˜๋Š” ๊ฒฐ์ •์„ ๊ฐ•์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ์„ ํ•œ ํ‘œ์ค€์œผ๋กœ ์œ ์ง€ํ•˜๊ณ  ๋””์ž์ธ์„ ๋‹ค๋ฅธ ํ‘œ์ค€์œผ๋กœ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์€ ํ•ฉ๋ฆฌ์ ์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋•Œ๋•Œ๋กœ '๋Œ€๋‹ดํ•œ ๋””์ž์ธ'์€ ํ•ฉ๋ฆฌ์ ์ธ ์ƒ์‚ฐ์„ ์œ„ํ•ด ์ถ•์†Œ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์ž๋™์ฐจ ์ œ์กฐ ๋ถ„์•ผ์—์„œ ์ž˜ ์•Œ๋ ค์ ธ ์žˆ์œผ๋ฉฐ ๊ตฌํ…๋ฒ ๋ฅด๊ทธ๋ฅผ ์ปจ์…‰ํŠธ์นด์— ๋น„์œ ํ•˜๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.

๋ฌผ๋ก  ๊ด€๋ฆฌ์ž ์ „์ฒด์— ๋Œ€ํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ „์ฒด์ ์ธ ๋””์ž์ธ์„ ์›ํ•˜์ง€๋งŒ ์ˆ˜๋ฐฑ๋งŒ ์‚ฌ์šฉ์ž์˜ ๊ฒฝํ—˜์„ ์†์ƒ์‹œํ‚ค์ง€ ์•Š๊ณ ๋Š” v5 ๋ฆด๋ฆฌ์Šค๊ฐ€ ๋  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋Œ€์‹  ํŽธ์ง‘ ํŽ˜์ด์ง€๊ฐ€ ์•„๋‹Œ ํŽธ์ง‘๊ธฐ์— ์ดˆ์ ์„ ๋งž์ถ”๊ธฐ ์œ„ํ•ด ์ถ•์†Œํ•˜๋ฉด ์ค‘๋‹จ ์—†์ด ํ›จ์”ฌ ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

์žฌ์ž‘์—…์ด ํ•„์š”ํ•œ ์˜์—ญ์œผ๋กœ ๋ฏธ๋””์–ด ์˜ค๋ฒ„ํ™€์„ ์–ธ๊ธ‰ํ•˜๋Š” ๊ฒƒ์€ ์ข‹์€๋ฐ.... ํญ์ฃผํ•˜๊ณ  ์œตํ†ต์„ฑ ์—†๋Š” ์˜ค๋ฒ„ํ™€๋กœ ์ธํ•ด ํ”ผํ•ด๋ฅผ ์ž…์€ ์˜์—ญ์ž…๋‹ˆ๋‹ค. JS ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์™„์ „ํžˆ ์ˆ˜์šฉํ•œ ๊ฒƒ์€ ์›Œ๋“œํ”„๋ ˆ์Šค์˜ ์ฒซ ๋ฒˆ์งธ ์„น์…˜์ด์—ˆ๊ณ , ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ํฌ๊ฒŒ ํ›„ํ‡ดํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฏธ๋””์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์‚ฌ์šฉ์ž ์ง€์ • ๊ธฐ๋Šฅ์ด ๋ถ€์กฑํ•˜๋‹ค๋Š” ๊ฒƒ์€ ์™„๋ฒฝํ•˜๋‹ค๋Š” ํ‘œ์‹œ๊ฐ€ ์•„๋‹ˆ๋ผ ๋ฏธ๋ž˜ ๋ฐ ํ˜„์žฌ ์‚ฌ์šฉ ์‚ฌ๋ก€๋ฅผ ๊ณ ๋ คํ•œ ์‚ฌ๋ ค ๊นŠ์€ ๋””์ž์ธ์ด ๋ถ€์กฑํ•˜๋‹ค๋Š” ์˜๋ฏธ์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋ฏธ๋””์–ด ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ์ˆ˜์ •ํ•˜๋ ค๊ณ  ์‹œ๋„ํ–ˆ์ง€๋งŒ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์ฃผ์š” ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ฐฑ๋ณธ ํ…œํ”Œ๋ฆฟ์— ํ•˜๋“œ ์ฝ”๋”ฉํ•ด์•ผ ํ•œ๋‹ค๊ณ  ๊ฒฐ์ •ํ•œ ๊ฒƒ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋ฌธ์ž ๊ทธ๋Œ€๋กœ ์–ด์ œ ์ด๋Ÿฌํ•œ ๊ฒฝ์šฐ ์ค‘ ํ•˜๋‚˜์— ๋ถ€๋”ช์ณค์Šต๋‹ˆ๋‹ค! (์—ฌ๊ธฐ์˜ ์ผ๊ณฑ ๋ฒˆ์งธ ๋‹จ๋ฝ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋“ฏ์ด: https://gschoppe.com/wordpress/disable-attachment-pages/)

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

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

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

@gschoppe , ์‹œ๊ฐ„์„ ๋‚ด์–ด ๋‹ต๋ณ€ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์ฒซ์งธ, ์•ฝ๊ฐ„์˜ ๋ช…ํ™•์„ฑ. ๋‚ด ์˜๊ฒฌ์ด Matias์˜ ๊ฒŒ์‹œ๋ฌผ์— ๋ฐ˜๋Œ€ํ•œ๋‹ค๋Š” ๋ฐ ๋™์˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ๊ทธ๊ฐ€ ๋งŒ๋“  ๊ฒŒ์‹œ๋ฌผ์— ์™„์ „ํžˆ ์„œ ์žˆ๊ณ , ๊ทธ๊ฒƒ์ด ๋‚˜์˜ ๋น„์ „์ด๊ธฐ๋„ ํ•˜๊ณ  ์šฐ๋ฆฌ๊ฐ€ ๋ฐฉํ–ฅ์„ ๋ณด๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ญ‰์นœ ์ด ํ”„๋กœ์ ํŠธ์˜ ๋ฆฌ๋”์ž…๋‹ˆ๋‹ค. ๋‹น์‹ ์˜ ๊ฐœ์ธ์ ์ธ ์˜๊ฒฌ์€ ๋‹น์‹ ์˜ ๊ฒƒ์ด๋ฏ€๋กœ ๊ทธ ์ง€์ ์—์„œ ๋„˜์–ด ๊ฐ‘์‹œ๋‹ค.

๊ฐœ๋ฐœ์„ ํ•œ ํ‘œ์ค€์œผ๋กœ ์œ ์ง€ํ•˜๊ณ  ๋””์ž์ธ์„ ๋‹ค๋ฅธ ํ‘œ์ค€์œผ๋กœ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์€ ํ•ฉ๋ฆฌ์ ์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

์žฌ์ž‘์—…์ด ํ•„์š”ํ•œ ์˜์—ญ์œผ๋กœ ๋ฏธ๋””์–ด ์˜ค๋ฒ„ํ™€์„ ์–ธ๊ธ‰ํ•˜๋Š” ๊ฒƒ์€ ์ข‹์€๋ฐ.... ํญ์ฃผํ•˜๊ณ  ์œตํ†ต์„ฑ ์—†๋Š” ์˜ค๋ฒ„ํ™€๋กœ ์ธํ•ด ํ”ผํ•ด๋ฅผ ์ž…์€ ์˜์—ญ์ž…๋‹ˆ๋‹ค.

์ €๋Š” ๋ฏธ๋””์–ด๊ฐ€ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž์™€ ํ•จ๊ป˜ ์ดˆ์ ์„ ๋งž์ถ”๋Š” ๊ฒƒ์„ ๋ณด๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๋ ‡์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์ด ์ „ํ™˜ ๊ธฐ๊ฐ„ ๋™์•ˆ WordPress๊ฐ€ ๋Œ€๊ทœ๋ชจ ๊ฐœ๋ฐœ์ž ๋ฐ ์ „๋ฌธ ์‚ฌ์šฉ์ž ์ปค๋ฎค๋‹ˆํ‹ฐ์— ๋Œ€ํ•œ ์ ์ ˆํ•œ ์ง€์›์„ ์ œ๊ณตํ•˜์ง€ ๋ชปํ•˜๋ฉด ํ›จ์”ฌ ๋” ๋นจ๋ฆฌ ์ฃฝ๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

iframe์— ์˜์กดํ•˜์—ฌ UI๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค Frankendesign๋ณด๋‹ค ๋” ์ข‹์€ ๊ฒƒ์€ ์—†์Šต๋‹ˆ๋‹ค. ๋ฉ”ํƒ€ ๋ฐ•์Šค๊ฐ€ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค์— ํฐ ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์ดํ•ดํ•˜์ง€๋งŒ ๋””์ž์ธ์˜ ์ผ๋ถ€๋Š” ์ œํ•œ ์‚ฌํ•ญ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ œํ•œ์ด ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ€๊ฑฐ๋‚˜ ์ „ํ™˜ ๊ณ„ํš์„ ๋๊นŒ์ง€ ๋ฏธ๋ฃจ๋Š” ๊ฒƒ์€ ์ด๋ฏธ ๊ฑฑ์ •ํ•˜๊ณ  ํšŒ์˜์ ์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ๋” ๋งŽ์€ ์šฐ๋ ค๋ฅผ ๋”ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ตฌํ…๋ฒ ๋ฅดํฌ์˜ ์žฅ๊ธฐ ๊ณ„ํš์ด ํ”Œ๋Ÿฌ๊ทธ์ธ ์˜์—ญ์ด์—ˆ๋‹ค๋ฉด ๋ฌดํ•œํ•œ ์‹คํ—˜์„ ํ–ˆ๋‹ค๊ณ  ๋งํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‚ฌ๋žŒ๋“ค์ด ์˜ตํŠธ์•„์›ƒํ•˜๊ธฐ๋ณด๋‹ค ์˜ตํŠธ์•„์›ƒํ•ด์•ผ ํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ๋  ์šด๋ช…์ด ์•„๋‹ˆ๋ผ๋ฉด ํ•ต์‹ฌ๊ณผ ํ•จ๊ป˜ ๊ฐ€์ ธ์˜ค๋Š” ๋ชจ๋“  ์ง์„ ํ˜„์‹ค์ ์œผ๋กœ ๋‹ค๋ฃจ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด ์˜๊ฒฌ์€ ๋””์ž์ธ์ด ๋” ๋งŽ์ด ๋“ค๋ฆฌ๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ „ ์„ธ๊ณ„์˜ ๋ชจ๋“  ๋””์ž์ด๋„ˆ๋Š” ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ '์—ฌ๊ธฐ์— x ๋˜๋Š” y๋ฅผ ๋„ฃ์–ด๋ผ'๊ณ  ์ œ์•ˆํ•œ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋””์ž์ด๋„ˆ๊ฐ€ ๋””์ž์ธํ•˜๋Š” ๊ฒƒ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ์—๊ฒŒ ๋””์ž์ธ์„ ๋งก๊ธฐ์ง€ ์•Š๋Š”๋‹ค๋ฉด ํ”„๋กœ์ ํŠธ๋กœ์„œ ์šฐ๋ฆฌ๋Š” ํ•˜๋ฝ์„ธ์— ์ ‘์–ด๋“ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์ง์„ค์ ์œผ๋กœ ๋””์ž์ด๋„ˆ์˜ ๋ถˆ์„ ์ฃฝ์ด๋Š” ์ผ์ข…์˜ ํ”„๋กœ์„ธ์Šค์ž…๋‹ˆ๋‹ค. ๊ณ„์† ๋ถˆ์„ ๋ƒ…์‹œ๋‹ค.

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

์†”์งํžˆ ๋งํ•ด์„œ, ์ ‘๊ทผ์„ฑ์˜ ์†์‹ค ์—†์ด ๋ฉ”ํƒ€๋ฐ•์Šค๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ง€์›ํ•ฉ๋‹ˆ๊นŒ? ๋””์ž์ธ ์ œ์•ฝ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ˆ˜์ฒœ ๋ช…์˜ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋ช…ํ™•ํ•œ ๋‹ต๋ณ€์„ ์›ํ•ฉ๋‹ˆ๋‹ค.

๊ตฌํ…๋ฒ ๋ฅด๊ทธ์˜ ์–ด๋–ค ๋””์ž์ธ ์ œ์•ˆ๋„ ๊ทธ๋ ‡๊ฒŒ ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์‹์œผ๋กœ๋“  ๊ธฐ์กด์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ํด๋ž˜์‹ ํŽธ์ง‘๊ธฐ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ์—๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.

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

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

ํ˜„์žฌ wp_editor() ๊ธฐ๋Šฅ(๋น„ํŽธ์ง‘ ํŽ˜์ด์ง€์—์„œ ํŽธ์ง‘ ํ™˜๊ฒฝ์˜ ์™„์ „ํ•œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ํ˜„์žฌ ๋ชจ๋ฒ” ์‚ฌ๋ก€)์€ Gutenberg ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ฆ‰, ๊ฒŒ์‹œ๋ฌผ์ด ์•„๋‹Œ ํŽ˜์ด์ง€์—์„œ ์‚ฌ์šฉ์ž ์ •์˜ ํŽธ์ง‘ ๊ฒฝํ—˜์„ ๋งŒ๋“œ์‹ญ์‹œ์˜ค ... ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ถ„ํ•  UX๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ ์™ธ์— ์•ž์œผ๋กœ ๋‚˜์•„๊ฐˆ ๊ธธ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

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

๊ธฐ๋Šฅ ์ œ๊ฑฐ๋Š” ํ‘œ์ค€ ์›Œํฌํ”Œ๋กœ์— ๋Œ€ํ•œ ์ด์ „ ๋ฒ„์ „๊ณผ์˜ ํ˜ธํ™˜์„ฑ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๊ธฐ๋Šฅ ์ œ๊ฑฐ๋Š” ์ผ๋ฅ˜ ๊ฒฝํ—˜์œผ๋กœ ์ˆ˜์šฉํ•  ์ˆ˜ ์—†๋Š” 1%์˜ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ ์ตœํ›„์˜ ์ˆ˜๋‹จ์ž…๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ ๋‚ด๊ฐ€ ์ œ์‹œํ•œ ์˜ˆ ์ค‘ ์–ด๋Š ๊ฒƒ๋„ 1% ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

ํ™”์—ผ์— ์•ฝ๊ฐ„์˜ ๊ธฐ๋ฆ„์„ ์ถ”๊ฐ€ํ•˜๋ ค๋ฉด: ์ง€๋‚œ ์ฃผ์— iFrames๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐ ํฐ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฐ์Šคํฌํ†ฑ ์‹œ์Šคํ…œ์—์„œ๋Š” ํ›Œ๋ฅญํ•˜๊ฒŒ ์ž‘๋™ํ•˜์ง€๋งŒ ํ…Œ์ŠคํŠธํ•œ ๊ฒฝ์šฐ์˜ 90%์—์„œ ๋ชจ๋ฐ”์ผ/๋ฐ˜์‘ํ˜•์—์„œ๋Š” ํฌ๊ฒŒ ์‹คํŒจํ•ฉ๋‹ˆ๋‹ค. ์ˆ˜๋งŽ์€ ๊ฒŒ์‹œํŒ ์Šค๋ ˆ๋“œ, ์ธํ„ฐ๋„ท ๊ธฐ์‚ฌ ๋ฐ Stack Overflow์— ๋Œ€ํ•œ ์งˆ๋ฌธ์„ ํŒŒํ—ค์นœ ํ›„ iframe ์ ‘๊ทผ ๋ฐฉ์‹์„ ์™„์ „ํžˆ ํฌ๊ธฐํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ์‘๋‹ต์„ฑ์ด em์œผ๋กœ ์ธํ•ด ๋”์ฐํ•˜๊ฒŒ ๋ณต์žกํ•ด์ง€๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. uh. ์ผ๋ถ€ ๋ณ€ํ™˜ ์ž‘์—…์€ iframe์— ์˜์กดํ•˜๋Š” ๋Œ€์‹  "ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ๋Š” ์‹ค์ œ ํ•˜์œ„ ๋„๋ฉ”์ธ์œผ๋กœ ๋ฆฌ๋””๋ ‰์…˜ ์‚ฌ์šฉ"๊ณผ ๊ฐ™์ด ๋น„๊ต์  ์‰ฝ๊ฒŒ ์ˆ˜ํ–‰๋˜์–ด ๊ฐ€์ •๋œ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ๋งŒ ํ‘œ์‹œํ•˜๋Š” ๋ฉ‹์ง„ ์žฅ์‹์„ ํ‘œ์‹œํ•˜์ง€๋งŒ ๋‹ค๋ฅธ ์ž‘์—…์€ ํ›จ์”ฌ ๋” ๋น„์ฐธํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  iframe์œผ๋กœ ์ž‘์—…ํ•˜๊ธฐ ์œ„ํ•ด RWD๋ฅผ ์ ์ ˆํ•˜๊ฒŒ, ๊ทธ๋ฆฌ๊ณ  ๋ฌด์—‡๋ณด๋‹ค๋„ ์•ˆ์ •์ ์ด๊ณ  ์œ ์ง€ ๊ด€๋ฆฌ๊ฐ€ ์šฉ์ดํ•˜๋„๋ก ํ•ด์•ผ ํ•˜๋Š” ์—„์ฒญ๋‚œ ์–‘์˜ ์ž‘์—…์— ๋น„ํ•ด ์ „ํ™˜์€ ํ›จ์”ฌ ์ ์€ ๋…ธ๋ ฅ์œผ๋กœ ์ด๋ฃจ์–ด์กŒ์œผ๋ฏ€๋กœ ๋” ๋‚˜์€ ๋ฐฉ๋ฒ•์ด์—ˆ์Šต๋‹ˆ๋‹ค.

์š”์•ฝํ•˜์ž๋ฉด iframe์€ ์–ธ๋œป ๋ณด๊ธฐ์— ์‰ฌ์šด ํƒˆ์ถœ๊ตฌ์ฒ˜๋Ÿผ ๋ณด์ด์ง€๋งŒ (๋งŽ์€) ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ ๋•Œ๋ฌธ์ด ์•„๋‹ˆ๋ผ ๋งค์šฐ ๋‚˜์œ ๋””์ž์ธ ์„ ํƒ์ž…๋‹ˆ๋‹ค.

๋‚ด 0.02์„ผํŠธ,
cu, w0lf.

์ด ๋ฌธ์ œ๋ฅผ ๋ณด์—ฌ ์ฃผ์‹  @mtias ์—๊ฒŒ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
๋ฒจ๋กœ์šฐ์ฆˆ ์ €๋Š” ๊ตฌํ…๋ฒ ๋ฅดํฌ๊ฐ€ ์›Œ๋“œํ”„๋ ˆ์Šค ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•ด ์–ด๋–ป๊ฒŒ ๋ฌธ์„ ์—ด ์ˆ˜ ์žˆ๋Š”์ง€์— ๋Œ€ํ•œ ์ œ ์ƒ๊ฐ์„ ๊ฒŒ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

gh-gtnbrg-1

๊ธฐ์กด ๋ธ”๋ก์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ CSS ํด๋ž˜์Šค

ํ•„์š”: ๊ฐ ๋ธ”๋ก ๋ž˜ํผ์— ๋Œ€ํ•œ CSS ํด๋ž˜์Šค์™€ ์ด๋ฅผ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ „์ฒด ์•ก์„ธ์Šค ๊ถŒํ•œ. ๊ตฌํ…๋ฒ ๋ฅด๊ทธ๊ฐ€ ์ œ3์ž ๊ฐœ๋ฐœ์ž๋ผ๋„ ์ตœ์ƒ์œ„ ์š”์†Œ์— CSS ํด๋ž˜์Šค๋ฅผ ์š”๊ตฌํ•œ๋‹ค๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ชฉ์ : ์ด ๋ฐฉ๋ฒ•์œผ๋กœ ๊ณ ๊ธ‰ ์Šคํƒ€์ผ์„ ์œ„ํ•ด ๋ธ”๋ก์— ์‚ฌ์šฉ์ž ์ •์˜ ํด๋ž˜์Šค๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด๋‚˜ ๊ธฐํƒ€ ๊ณ ๊ธ‰ ๋ธ”๋ก ์†์„ฑ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ ์˜ˆ: ์šฐ๋ฆฌ๋Š” ์—„๊ฒฉํ•˜๊ฒŒ ์ •์˜๋œ ๋””์ž์ธ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋Œ€๊ทœ๋ชจ ๊ณ ๊ฐ์„ ์œ„ํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์‚ฌ์ด๋“œ ์—๋””ํ„ฐ๋Š” ํŠนํžˆ ์ด ํด๋ผ์ด์–ธํŠธ๋ฅผ ์œ„ํ•ด ๋””์ž์ด๋„ˆ๊ฐ€ ์ƒ์„ฑํ•œ ๋ฏธ๋ฆฌ ์ •์˜๋œ ์ˆ˜์˜ ์Šคํƒ€์ผ๋กœ ๋ธ”๋ก์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

gh-gtnbrg-2

๊ธฐ์กด ๋ธ”๋ก์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ๋ฐ์ดํ„ฐ ์†์„ฑ

ํ•„์š”: ๋ชจ๋“  ๋ธ”๋ก ๋ž˜ํผ์— ๋Œ€ํ•ด ์‚ฌ์šฉ์ž ์ •์˜ ๋ฐ์ดํ„ฐ ์†์„ฑ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชฉ์ : ์œ„์—์„œ ์„ค๋ช…ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ CSS ํด๋ž˜์Šค์— ๋Œ€ํ•œ ๋ณด๋‹ค ๊นจ๋—ํ•˜๊ณ  ์œ ์—ฐํ•œ ๋Œ€์•ˆ. ๋ฐ์ดํ„ฐ ์†์„ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ํŽ˜์ด์ง€์˜ ๋ชจ๋“  ์š”์†Œ์— ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํƒ€์ผ ์ง€์ • ์™ธ์—๋„ ์‚ฌ์šฉ์ž ์ง€์ • ๋ฐ์ดํ„ฐ ์†์„ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ JS์— ๋Œ€ํ•œ ์ถ”๊ฐ€ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ ์˜ˆ:

  • ๋ฐ˜์‘ํ˜• ๋ธ”๋ก : ๋ชจ๋ฐ”์ผ/๋ฐ์Šคํฌํ†ฑ์—๋งŒ ํ‘œ์‹œ๋˜๋Š” ๋ธ”๋ก ํ‘œ์‹œ
  • ์กฐ๊ฑด๋ถ€ ๋ธ”๋ก : JS <div data-condition="if-adblock"... , <div data-condition="if-from-facebook"... ๋กœ ํ‘œ์‹œ/์ˆจ๊ธธ ๋ธ”๋ก ํ‘œ์‹œ
  • ๋ธ”๋ก ์• ๋‹ˆ๋ฉ”์ด์…˜ : <div data-animation="on-load animation-style-3"...
  • ๋ธ”๋ก ๋””์ž์ธ : <div data-skin="dark"...

gh-gtnbrg-3

์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ๋ธ”๋ก ์„ค์ •/์Šคํƒ€์ผ๋ง ์ปจํŠธ๋กค

ํ•„์š”: ์‚ฌ์šฉ์ž ์ง€์ • ์ปจํŠธ๋กค์„ ์ถ”๊ฐ€ํ•˜๋Š” ์˜ต์…˜๊ณผ ๋ธ”๋ก์˜ ๊ธฐ์กด ์ปจํŠธ๋กค์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€๋Šฅ์„ฑ.

๋ชฉ์ : ์ƒˆ๋กœ์šด ๊ณ ๊ธ‰ ์„ค์ •์œผ๋กœ ํ˜„์žฌ ๋ฐ ๋ฏธ๋ž˜ ๋ธ”๋ก์„ ํ™•์žฅํ•˜๊ฑฐ๋‚˜ ์›์น˜ ์•Š๋Š”/๋ถˆํ•„์š”ํ•œ ์„ค์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ์šฉ ์˜ˆ:

  • ๋‚˜๋Š” ๋‚ด ๊ณ ๊ฐ๋“ค์ด "์ž์‹ ๋งŒ์˜" ๋ฒ„ํŠผ ์Šคํƒ€์ผ์„ ๋””์ž์ธํ•˜๊ธฐ๋ฅผ ์›ํ•˜์ง€ ์•Š๊ณ (๋Œ€๋ถ€๋ถ„ ๋งค์šฐ ๋‚˜์œ ์ทจํ–ฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Œ) ๋ฏธ๋ฆฌ ๋””์ž์ธ๋œ ๊ธฐ์—… ์Šคํƒ€์ผ์„ ๊ณ ์ˆ˜ํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ์ด๋ฅผ ์™„๋ฃŒํ•˜๋ ค๋ฉด ๋ฒ„ํŠผ์— ๋Œ€ํ•œ ํ…์ŠคํŠธ ๋ฐ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ ์˜ต์…˜์„ ์ˆจ๊ธฐ๊ณ  ์Šคํƒ€์ผ ๋“œ๋กญ๋‹ค์šด ์ปจํŠธ๋กค์„ ํ•˜๋‚˜ ๋” ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ฐธ์กฐ: #2474

gh-gtnbrg-4

๋ธ”๋ก ์ถœ๋ ฅ์„ ๋ Œ๋”๋งํ•˜๊ธฐ ์ง์ „์— ํ•„ํ„ฐ๋งํ•˜๋Š” ์˜ต์…˜(PHP).

์ด๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์ž๋Š” ๋ธ”๋ก ๋ Œ๋”๋ง์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ๋Š” ๋งˆ์ง€๋ง‰ ๊ธฐํšŒ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ ์‹œ๋‚˜๋ฆฌ์˜ค์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋‹ค์Œ์€ ๋ช‡ ๊ฐ€์ง€ ์˜ˆ์ž…๋‹ˆ๋‹ค.
- ์ œํ•œ๋œ ์ฝ˜ํ…์ธ  : ๋น„ํšŒ์›์— ๋Œ€ํ•œ ์ฐจ๋‹จ ์ˆจ๊ธฐ๊ธฐ

  • ์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง: ์ผ๋ถ€ ๊ณ ๊ธ‰ ์กฐ๊ฑด์— ๋”ฐ๋ผ ๋ธ”๋ก ์ˆจ๊ธฐ๊ธฐ
  • Filter/Clean block code: Gutenberg์—์„œ ์ธ๋ผ์ธ ์Šคํƒ€์ผ์„ ์ถ”๊ฐ€ํ•˜๋Š” ์•„์ด๋””์–ด๊ฐ€ ์‹ซ์Šต๋‹ˆ๋‹ค. ์ด ํ•„ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ Œ๋”๋งํ•˜๊ธฐ ์ „์— ์ฝ”๋“œ๋ฅผ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ฝ˜ํ…์ธ  ๋ฒˆ์—ญ: ๋ธ”๋ก์„ ๋‹ค๋ฅธ ์–ธ์–ด๋กœ ๋ฒˆ์—ญ

๊ตฌํ…๋ฒ ๋ฅดํฌ ์ƒํƒœ ๋ฐ UI ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ์•ก์„ธ์Šค.

ํŽ˜์ด์ง€์—์„œ ๋ฐœ์ƒํ•˜๋Š” ์ด๋ฒคํŠธ์™€ ํŽธ์ง‘๊ธฐ ์ƒํƒœ์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒฝ์šฐ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์œผ๋กœ Gutenberg๋ฅผ ํ™•์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

(์ƒํƒœ ๋ณ€๊ฒฝ์— ๋Œ€ํ•œ ๊ตฌ๋…?)๊ณผ ๊ฐ™์€ ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ์•ก์„ธ์Šค๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

  • ๋ธ”๋ก ์„ ํƒ(+ ๋ธ”๋ก ๋ฉ”ํƒ€)
  • ๋ธ”๋ก ์ถ”๊ฐ€๋จ
  • ๋ธ”๋ก ์‚ญ์ œ๋จ
  • ์ฐจ๋‹จ ์„ค์ •์ด ๋ณ€๊ฒฝ๋จ
  • ๋ธ”๋ก ์ด๋™
  • ๊ฐœ์ •ํŒ ์ƒ์„ฑ๋จ
  • ์„ค์ • ํŒจ๋„ ์—ด๊ธฐ/๋‹ซ๊ธฐ
  • ํด๋ฆญํ•œ ๋ฏธ๋ฆฌ๋ณด๊ธฐ

์™ธ๋ถ€์—์„œ ์ƒํƒœ์— ๋Œ€ํ•œ ์•ก์„ธ์Šค.

์ƒˆ๋กœ์šด API๋ฅผ ์š”์ฒญํ•  ํ•„์š” ์—†์ด ๊ณ ๊ธ‰ ๊ตฌํ…๋ฒ ๋ฅดํฌ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ด ์—ด๋ฆฝ๋‹ˆ๋‹ค.

ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์œผ๋กœ ํŽ˜์ด์ง€์— ์ƒˆ ๋ธ”๋ก์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ ์˜ˆ:

Gutenberg์—์„œ ์‚ฌ์šฉ์ž ์ •์˜ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ธ”๋ก ๋””์ž์ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ์ž์‹ ์ด ์ข‹์•„ํ•˜๋Š” ๋ธ”๋ก ๋””์ž์ธ์„ ํด๋ฆญํ•˜๊ณ  ๋‚ด ํ”Œ๋Ÿฌ๊ทธ์ธ์˜ JS๋Š” ์‚ฌ์ „ ์„ค์ •์ด ์žˆ๋Š” ํŽ˜์ด์ง€์— ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์œผ๋กœ ๋ธ”๋ก์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์ฐธ์กฐ: #2473

์‚ฌ์šฉ์ž ์ •์˜ ๋ธ”๋ก์—์„œ ๊ธฐ๋ณธ ๋ธ”๋ก์„ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค(๋” ํฐ ๋ธ”๋ก์˜ ์ผ๋ถ€๋กœ).

#2995 ์ฐธ์กฐ

@lumberman ๋ฌธ์„œ๊ฐ€ Theme Customizer์˜ ๊ฒฝ์šฐ์ฒ˜๋Ÿผ ์—ฌ์œ ๊ฐ€ ์žˆ๋‹ค๋ฉด(ํŠนํžˆ ๋ฌธ์„œ์—์„œ ์ฃผ์š” ๋ถ€๋ถ„์ด ๋ˆ„๋ฝ๋˜์—ˆ๋‹ค๋Š” ์‚ฌ์‹ค์ด ๋ˆˆ์— ๋„๊ฒŒ ์–ธ๊ธ‰๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ) ์ „๋ฌธ๊ฐ€์˜ ์ฃผ์žฅ๊ณผ ๋…ธ๋ ฅ์€ ๋ชจ๋‘ ์‹คํŒจํ•ฉ๋‹ˆ๋‹ค. ์‹œ์ž‘, ์ฆ‰ Changeset API/๊ธฐ๋Šฅ).

cu, w0lf.

@ginsterbusch Gutenberg๋Š” ์ด๋ฏธ ์ฝ”๋”ฉ๋œ ๊ตฌ์„ฑ ์š”์†Œ ๋ฐ ์ปจํŠธ๋กค๊ณผ ๊ด€๋ จํ•˜์—ฌ ์ž˜ ๋ฌธ์„œํ™”๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

@mtias ์‚ฌ์ „ ๊ฒŒ์‹œ ์ ๊ฒ€๊ณผ ๊ด€๋ จํ•˜์—ฌ

@hedgefield ๋ชจํ˜•์˜ ์ผ๋ถ€๋กœ "๋“œ๋กญ๋‹ค์šด๋ณด๋‹ค ํฐ" ๋ฒ„์ „๋„ ์‚ดํŽด๋ณด์•˜์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์„ "ํŒ์˜ค๋ฒ„" ๋ฒ„์ „์ด๋ผ๊ณ  ํ•ฉ์‹œ๋‹ค. ๋Œ€๋ถ€๋ถ„ ์‹คํ—˜/๊ฐœ๋…์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณด์—ฌ์ฃผ์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋“œ๋กญ๋‹ค์šด w์— ๋”ฐ๋ผ ํ…Œ์ŠคํŠธํ•  ์ˆ˜ ์žˆ๋Š” ์•„์ด๋””์–ด์ด๋ฏ€๋กœ ๊ณต์œ ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ํ† ๊ธ€ ์˜คํ”„ ๋ฒ„์ „ ์ž‘๋™:

popover

@lumberman ๊ท€ํ•˜์˜ ์ƒ๊ฐ๊ณผ ์•„์ด๋””์–ด์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

๊ธฐ์กด ๋ธ”๋ก์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ CSS ํด๋ž˜์Šค

๋ธ”๋ก์— wp-block-{name} ์˜ ๊ธฐ๋ณธ ํด๋ž˜์Šค๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์šฉ์ž ์ •์˜ ํด๋ž˜์Šค์™€ ๋ณ„๊ฐœ๋กœ ์ด๊ฒƒ์„ ๋” ์‰ฝ๊ฒŒ ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋ช‡ ๊ฐ€์ง€ ์ง€์†์ ์ธ ์ž‘์—…์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž ๊ด€์ ์—์„œ ์ด๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์‹ญ๋‹ˆ๊นŒ?

์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ๋ธ”๋ก ์„ค์ •/์Šคํƒ€์ผ๋ง ์ปจํŠธ๋กค

๋ถ„๋ช…ํžˆ. ์ด๊ฒƒ์ด "๊ธฐ์กด ๋ธ”๋ก์— ์ธ์ŠคํŽ™ํ„ฐ ํ•ญ๋ชฉ"์„ ์ถ”๊ฐ€ํ•˜๋Š” ์ฃผ์š” ๋ชฉ์ ์ž…๋‹ˆ๋‹ค. ์ด ์ค‘ ์ผ๋ถ€๋Š” ์ด๋ฏธ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์–ด๋–ค ๊ฒฝ์šฐ์—๋Š” ๋ธ”๋ก์„ ์ž์‹ ์˜ ๋ฒ„์ „์œผ๋กœ ์™„์ „ํžˆ ๋ฐ”๊ฟ€ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ธ”๋ก์˜ ํŠน์ • ๊ธฐ๋Šฅ์„ ๋น„ํ™œ์„ฑํ™”ํ•˜๋Š” ๊ฒƒ์€ add_theme_support ์—์„œ ํ•ด์•ผ ํ•  ์ผ์ž…๋‹ˆ๋‹ค.

๋ Œ๋”๋ง ์ง์ „์— ๋ชจ๋“  ๋ธ”๋ก ์ถœ๋ ฅ์„ ํ•„ํ„ฐ๋งํ•˜๋Š” ์˜ต์…˜(PHP)

์ด๊ฒƒ์€ ๋Œ€๋ถ€๋ถ„ ์ด๋ฏธ ๊ฐ€๋Šฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@mtias re: ์‚ฌ์šฉ์ž ์ •์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•:

show_in_rest ์ด ์„ค์ •๋˜์ง€ ์•Š์€ ๊ฒฝ์šฐ์—๋„ ๋กœ๋“œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ์—์„œ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•์ด ์‚ฌ์šฉ์ž ์ •์˜ REST ์ปจํŠธ๋กค๋Ÿฌ ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ๋กœ๋“œ๋˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ๋„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. Pressbooks ์—์„œ ์šฐ๋ฆฌ๋Š” ์ž์ฒด ๋„ค์ž„์ŠคํŽ˜์ด์Šค( /wp-json/pressbooks/v2/<posttype> )์— CPT์— ๋Œ€ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ์ปจํŠธ๋กค๋Ÿฌ๋ฅผ ๋“ฑ๋กํ•˜๋ฉฐ ์ด๋Š” ํ˜„์žฌ Gutenberg์™€ ํ˜ธํ™˜๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. #3462๋ฅผ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

๋‹ค์Œ์€ ๋„๊ตฌ ๋ชจ์Œ์— ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๊ณ ์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๋ช‡ ๊ฐ€์ง€ ๋ชจํ˜•์ž…๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ Chrome๊ณผ Firefox์—์„œ ์˜๊ฐ์„ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

  1. ๋ชจ๋“  ํŽธ์ง‘๊ธฐ ํ™•์žฅ์ด ์ž์ฒด์ ์œผ๋กœ ๋“ฑ๋ก๋˜๋Š” ์ค„์ž„ํ‘œ์—์„œ ์—ฝ๋‹ˆ๋‹ค.

wolframalpha open from ellipsis

  1. ์ด๊ฒƒ์€ "ํŽธ์ง‘๊ธฐ ์‚ฌ์ด๋“œ๋ฐ” ํ™•์žฅ"์ด๊ธฐ ๋•Œ๋ฌธ์— ์ฆ‰์‹œ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ์—ฝ๋‹ˆ๋‹ค.

wolframalpha sidebar open

  1. ๋ชจ๋“  ์‚ฌ์ด๋“œ๋ฐ” ํ™•์žฅ์—๋Š” ์ œ๋ชฉ์— "๋ณ„ํ‘œ" ์•„์ด์ฝ˜์ด ์žˆ์Šต๋‹ˆ๋‹ค.

wolframalpha pin to toolbar

  1. ์•„์ด์ฝ˜์„ ๋„๊ตฌ ๋ชจ์Œ์— ๊ณ ์ •ํ•˜๋ ค๋ฉด ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

wolframalpha extension pinned

  1. ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ๋‹ซ๋”๋ผ๋„ ๋น ๋ฅธ ์•ก์„ธ์Šค๋ฅผ ์œ„ํ•ด ํ™•์žฅ ์•„์ด์ฝ˜์ด ์—ฌ์ „ํžˆ ๊ฑฐ๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.

pinned

๊ณ ์ •์„ ํ•ด์ œํ•˜๋ ค๋ฉด ์ด ๋‹จ๊ณ„๋ฅผ ์—ญ์ˆœ์œผ๋กœ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค.

@jasmussen ์‚ฌ์šฉ ์ค‘์ธ ์šฉ์–ด๊ฐ€ ๊ณ ์ • ๋ฐ ๊ณ ์ • ํ•ด์ œ์ธ ๊ฒฝ์šฐ ์‚ฌ์ด๋“œ๋ฐ” ํ™•์žฅ์„ ๊ณ ์ •/๊ณ ์ • ํ•ด์ œํ•˜๊ธฐ ์œ„ํ•ด ๋ณ„ํ‘œ๋ณด๋‹ค ํ•€ ์•„์ด์ฝ˜์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋” ํ•ฉ๋ฆฌ์ ์ด์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

๊ณ ์ • ๋ฐ ๊ณ ์ • ํ•ด์ œ๋ผ๋Š” ์šฉ์–ด๊ฐ€ ์‚ฌ์šฉ๋˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์ด๋“œ๋ฐ” ํ™•์žฅ์„ ๊ณ ์ •/๊ณ ์ • ํ•ด์ œํ•˜๊ธฐ ์œ„ํ•ด ๋ณ„ํ‘œ๋ณด๋‹ค ๊ณ ์ • ์•„์ด์ฝ˜์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋” ํ•ฉ๋ฆฌ์ ์ด์ง€ ์•Š์„๊นŒ์š”?

์‹ค์ œ๋กœ ๋™์ผํ•œ ์ด์œ ๋กœ ํ•€ ์•„์ด์ฝ˜์˜ ์—ฌ๋Ÿฌ ๋ณ€ํ˜•์„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๋“ค ์ค‘ ๋ˆ„๊ตฌ๋„ ์‹œ๊ฐ์ ์œผ๋กœ ์ž˜ ์ฝ์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด ๋ณ„์€ '์ฆ๊ฒจ์ฐพ๊ธฐ'๋‚˜ '์ฑ…๊ฐˆํ”ผ'์˜ ํŒจํ„ด์ด ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๋‹น์‹ ์ด ๊ทธ ๋ง์— ๋Œ€ํ•ด ์ข‹์€ ์ง€์ ์„ ํ•˜์ง€๋งŒ. "๋„๊ตฌ ๋ชจ์Œ์— ์ฑ…๊ฐˆํ”ผ"๊ฐ€ ๋ ˆ์ด๋ธ”๋กœ ์ž‘๋™ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์‹ค์ œ๋กœ ๋™์ผํ•œ ์ด์œ ๋กœ ํ•€ ์•„์ด์ฝ˜์˜ ์—ฌ๋Ÿฌ ๋ณ€ํ˜•์„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๋“ค ์ค‘ ๋ˆ„๊ตฌ๋„ ์‹œ๊ฐ์ ์œผ๋กœ ์ž˜ ์ฝ์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด ๋ณ„์€ '์ฆ๊ฒจ์ฐพ๊ธฐ'๋‚˜ '์ฑ…๊ฐˆํ”ผ'์˜ ํŒจํ„ด์ด ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๋‹น์‹ ์ด ๊ทธ ๋ง์— ๋Œ€ํ•ด ์ข‹์€ ์ง€์ ์„ ํ•˜์ง€๋งŒ. "๋„๊ตฌ ๋ชจ์Œ์— ์ฑ…๊ฐˆํ”ผ"๊ฐ€ ๋ ˆ์ด๋ธ”๋กœ ์ž‘๋™ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

'ํ•€'์ด๋ผ๋Š” ํ‘œํ˜„์ด ๋งž๋Š” ๊ฒƒ ๊ฐ™์•„์š”. ์ผ๋ฐ˜์ ์œผ๋กœ ์œ ํ‹ธ๋ฆฌํ‹ฐ๋ฅผ ์œ„ํ•ด ์š”์†Œ๋ฅผ UI์— ๊ณ ์ •ํ•ฉ๋‹ˆ๋‹ค. ์–ด๋–ค ๊ฒƒ์„ ์ฆ๊ฒจ์ฐพ๊ธฐ์— ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ๋ถ๋งˆํฌ์— ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ๊ณผ ๋ฐ˜๋“œ์‹œ โ€‹โ€‹๊ฐ™์€ ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ํ™•์‹คํžˆ ๋‰˜์•™์Šค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ œ๋ชฉ์˜ "๋ณ„ํ‘œ" ์•„์ด์ฝ˜

Chrome๊ณผ Firefox๋Š” ๋ชจ๋‘ ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ๋ช…ํ™•ํ•œ ํ…์ŠคํŠธ ๋ ˆ์ด๋ธ”( Pin Tab ๋ฐ Unpin Tab )์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์•„์ด์ฝ˜์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ "๊ณ ์ • ํ•ด์ œ" ์•„์ด์ฝ˜๋„ ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

์ ‘๊ทผ์„ฑ ์ฐธ๊ณ  ์‚ฌํ•ญ: ๋„๊ตฌ ๋ชจ์Œ์˜ "๊ณ ์ •๋œ ์•„์ด์ฝ˜"์€ ์‚ฌ์ด๋“œ๋ฐ”์˜ "ํ†ฑ๋‹ˆ๋ฐ”ํ€ด" ์•„์ด์ฝ˜๊ณผ ๋™์ผํ•œ ๋ฌธ์ œ๋ฅผ ๊ฒช๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ‚ค๋ณด๋“œ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ:

  • ์•„์ด์ฝ˜ ํ™œ์„ฑํ™”(๋ฒ„ํŠผ์ด๋ฏ€๋กœ Enter ๋˜๋Š” ์ŠคํŽ˜์ด์Šค๋ฐ” ๋ˆ„๋ฅด๊ธฐ)
  • ์‚ฌ์ด๋“œ๋ฐ”๊ฐ€ ์—ด๋ฆฝ๋‹ˆ๋‹ค
  • ์ด์ œ ์‚ฌ์šฉ์ž๋Š” ์‚ฌ์ด๋“œ๋ฐ”์— ์•ก์„ธ์Šคํ•˜๊ธฐ ์œ„ํ•ด Tab ํ‚ค๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ๋ˆŒ๋Ÿฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ด์ƒ์ ์œผ๋กœ๋Š” ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ํŒจ๋„์„ ์—ฌ๋Š” ์ปจํŠธ๋กค์ด ํŒจ๋„ ๋ฐ”๋กœ ์•ž์— ์†Œ์Šค์— ๋ฐฐ์น˜๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์œผ๋กœ ํฌ์ปค์Šค๋ฅผ ๊ด€๋ฆฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. #469(4์›” 20์ผ ๊ฒŒ์‹œ)๋„ ์ฐธ์กฐํ•˜์„ธ์š”.

ํ•€์ด ๋Œ€๋ถ€๋ถ„์˜ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜๋ฏธ๊ฐ€ ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ๊ทธ๋ ‡๊ฒŒ ๋ ์ง€ ํ™•์‹ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ณ„์€ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์ข‹์•„ํ•˜๋Š” ๊ฒƒ ๋˜๋Š” ๋” ๋…ผ๋ฆฌ์ ์œผ๋กœ ๋Š๊ปด์ง€๋„๋ก '๋งˆํฌ'๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ƒฅ ํ…์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค ๐Ÿ™‚

ํ•€์ด ๋Œ€๋ถ€๋ถ„์˜ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜๋ฏธ๊ฐ€ ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ๊ทธ๋ ‡๊ฒŒ ๋ ์ง€ ํ™•์‹ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ณ„์€ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์ข‹์•„ํ•˜๋Š” ๊ฒƒ ๋˜๋Š” ๋” ๋…ผ๋ฆฌ์ ์œผ๋กœ ๋Š๊ปด์ง€๋„๋ก '๋งˆํฌ'๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

screen shot 2018-04-11 at 12 51 39

Keep in Dock ๋Š” ๋น„์Šทํ•œ ๊ธฐ๋Šฅ์„ ์œ„ํ•ด macOS์—์„œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

์ด ํ‹ฐ์ผ“์„ ๋ณด๋‹ค ์ตœ๊ทผ์˜ "ํ™”๋ฉด ์žฅ์•…" ๋ชจํ˜•์œผ๋กœ ์—…๋ฐ์ดํŠธํ–ˆ๋‹ค๋Š” ์ ์— ์ฃผ๋ชฉํ•ฉ๋‹ˆ๋‹ค. ์ด์ „์—๋Š” ๋ณ„๋„์˜ ํ™”๋ฉด์ด์—ˆ๋˜ ๋ชจ๋‹ฌ์ž…๋‹ˆ๋‹ค. ํ•„์š”ํ•œ ๊ฒฝ์šฐ ํ–ฅํ›„ ๋ณ„๋„์˜ ํ™”๋ฉด์„ ๋‹ค์‹œ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ๋‹ซ์œผ๋ ค๋˜ ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๋‹ค์‹œ ์—ด๋ฆฌ์ง€ ์•Š์€ ์ƒํƒœ๋กœ ๋‹ค์‹œ ์˜คํ”ˆํ–ˆ์Šต๋‹ˆ๋‹ค :)

์ด์ œ ๋ชจ๋“  ๊ฒƒ์ด ๊ตฌํ˜„๋˜์—ˆ์œผ๋ฏ€๋กœ ์ด๊ฒƒ์„ ๋‹ซ์Šต๋‹ˆ๋‹ค. ๊ฐœ์„ ์€ ๊ฐœ๋ณ„ ์ž‘์—…์—์„œ ์ด๋ฃจ์–ด์ ธ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋‘ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

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