Gutenberg: ์ž์‹ / ๋ถ€๋ชจ ๋ธ”๋ก ์„ ํƒ์„์œ„ํ•œ ๋„๊ตฌ ํ–ฅ์ƒ

์— ๋งŒ๋“  2018๋…„ 09์›” 05์ผ  ยท  74์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: WordPress/gutenberg

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

Gutenberg๊ฐ€ ์ถ”๊ฐ€ ๋‚ด๋ถ€ ๋ธ”๋ก์„ ์‚ฌ์šฉํ•˜์—ฌ ๋” ๋ณต์žกํ•œ ๋ธ”๋ก์œผ๋กœ ํ™•์žฅ ํ•  ์ˆ˜ ์žˆ๋„๋ก์ด๋ฅผ ์‰ฝ๊ณ  ๋ถ„๋ช…ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ์‚ดํŽด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

๋นต ๋ถ€์Šค๋Ÿฌ๊ธฐ

์šฐ๋ฆฌ๊ฐ€ ํ•  ์ˆ˜์žˆ๋Š” ์ฒซ ๋ฒˆ์งธ ๊ฐœ์„ ์€ ํƒ์ƒ‰ ๊ฒฝ๋กœ ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ƒ๋‹จ ๋„๊ตฌ ๋ชจ์Œ์—์„œ ์„ ํƒํ•œ ๋ธ”๋ก ๋˜๋Š” ์„ ํƒํ•œ ๋ธ”๋ก๊ณผ ๊ทธ ๋ถ€๋ชจ๋ฅผ ํ•ญ์ƒ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

model a blockquote with passthrough prop

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

๋ธ”๋ก์— ๋‚ด๋ถ€ ๋ธ”๋ก์ด ์—†์œผ๋ฉด ์—ฌ๋Ÿฌ ๋ฒˆ ์š”์ฒญ ๋œ ๋ธ”๋ก ์œ ํ˜• ํ‘œ์‹œ ๊ธฐ์ผ๋ฟ์ž…๋‹ˆ๋‹ค.

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

ํด๋ฆญ์„ ํ†ตํ•ด

Columns ๋ธ”๋ก๊ณผ ๊ฐ™์€ ๋” ๋ณต์žกํ•œ ๋ธ”๋ก์˜ ๊ฒฝ์šฐ ํŒจํ„ด์„ ์—๋ฎฌ๋ ˆ์ดํŠธํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ์กด ๋ฐ์Šคํฌํ†ฑ ์•ฑ ๋ฐ ๋ชจ๋ฐ”์ผ ์†”๋ฃจ์…˜์„ ์ฐพ์•„์•ผํ•ฉ๋‹ˆ๋‹ค. ์ผ๊ด€๋œ ํŒจํ„ด ์ค‘ ํ•˜๋‚˜๋Š” ํ•ญ๋ชฉ์„ ํ•จ๊ป˜ ๊ทธ๋ฃนํ™”ํ•˜๊ณ  ๋‚ด์šฉ์„ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•ด _ ๊ทธ๋ฃน์œผ๋กœ ๋“œ๋ฆด ๋‹ค์šดํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค _. ์ด๊ฒƒ์€ Illustrator ๋˜๋Š” Sketch์—์„œ ๋ณผ ์ˆ˜์žˆ๋Š” ํŒจํ„ด์œผ๋กœ, ๊ทธ๋ฃน์„ ์ž…๋ ฅํ•˜๋ ค๋ฉด ๋‘ ๋ฒˆ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. ๋˜๋Š” MacOS์—์„œ ๊ฐœ์š” ๋ชจ๋“œ์— ๋“ค์–ด๊ฐ€๋ฉด ์—ด๋ ค์žˆ๋Š” ๋ชจ๋“  ์•ฑ์˜ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๊ฐ€ ํ‘œ์‹œ๋˜์ง€๋งŒ ์ฝ˜ํ…์ธ ๋ฅผ ์กฐ์ž‘ํ•˜๋ ค๋ฉด ๋จผ์ € ์•ฑ์„ ์„ ํƒํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ ์ด๋ฏธ ์–ด๋–ค๋ฉด์—์„œ ์šฐ๋ฆฌ๊ฐ€ ๊ตฌํ…๋ฒ ๋ฅดํฌ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํŒจํ„ด์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ _ ์„ ํƒ๋œ ๋ธ”๋ก์€ ์ถ”๊ฐ€ ์ปจํŠธ๋กค์„ ํ‘œ์‹œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค _.

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

model b 01 cover image hovered

์—ฌ๊ธฐ์—์„œ ํ‘œ์ง€ ์ด๋ฏธ์ง€๊ฐ€ ์„ ํƒ๋ฉ๋‹ˆ๋‹ค. ์ด์ œ ๋‚ด๋ถ€ ๋ธ”๋ก์„ ์กฐ์ž‘ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

model b 02 cover image selected

๋‚ด๋ถ€ ๋ธ”๋ก์„ ์„ ํƒํ•˜๋ฉด ์ด์ œ ์„ ํƒ๋ฉ๋‹ˆ๋‹ค. ๋‘˜ ๋‹ค ๊ทธ๋ฃน์˜ ์ผ๋ถ€์ด๊ธฐ ๋•Œ๋ฌธ์— ์ƒ์œ„ ๋ธ”๋ก์ด ๊ณ„์† ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

model b 04 cover image child selected

๋ณด์™„ ๊ธฐ๋Šฅ

์ด๊ฒƒ์€ ๋‹จ์ˆœํ•˜๊ณ  ํ™•์‹ ์„ ๊ฐ€์ง€๊ณ  ์ƒ์œ„ ๋ฐ / ๋˜๋Š” ํ•˜์œ„ ๋ธ”๋ก์„ ์‰ฝ๊ฒŒ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋กํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

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

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

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

๋‹ค์Œ ๋‹จ๊ณ„

๋‹น์‹ ์˜ ์ƒ๊ฐ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ ํ•ด๋‹น ๋ธ”๋ก์˜ ๊ตฌํ˜„์— ๋”ฐ๋ผ ๋‚ด๋ถ€ ๋ธ”๋ก์ด ๋ณด์ด์ง€ ์•Š์„ ์ˆ˜์žˆ๋Š” ์Šฌ๋ผ์ด๋“œ ์‡ผ์™€ ๊ฐ™์€ ๋ณต์žกํ•œ ๋ธ”๋ก์— ๋Œ€ํ•œ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์„ ํƒ์ƒ‰ํ•˜๋ ค๊ณ ํ•ฉ๋‹ˆ๋‹ค.

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

Needs Dev [Feature] Nested / Inner Blocks [Type] Enhancement

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

๋‚˜๋Š” ์•Œ๋ ‰์‹œ์Šค๋ผ๋Š” ๊ฐœ๋…์„ _adore_ํ•˜๋Š”๋ฐ, ํŠนํžˆ ๋‹น์‹ ์ด ์–ธ๊ธ‰ ํ•œ ๋” ๋ณต์žกํ•œ ๋ธ”๋ก์— ๋Œ€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ๋„ˆ๋ฌด ์ข‹์•„ํ•ด์„œ ์ฆ‰์‹œ ์‹คํ–‰ํ•˜๊ณ  ์•„์ด๋””์–ด๋ฅผ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•ด ๋ช‡ ๊ฐ€์ง€ ๋ชจํ˜•์„ ๋ฆฌ๋ฏน์Šคํ–ˆ์Šต๋‹ˆ๋‹ค.

์„ ํƒ ์—†์Œ :

no selection

์„ ํƒํ•œ ์ฐจ๋‹จ :

parent selected

์„ ํƒํ•œ ๋‚ด๋ถ€์— ์ค‘์ฒฉ ๋œ ๋ธ”๋ก :

child selected

ํด๋” ํƒ์ƒ‰ ๋ฒ„ํŠผ ํŒ์—…์ด ์—ด๋ฆฝ๋‹ˆ๋‹ค.

crumbs dropdown

โ˜๏ธ ์ €๋Š” ๊ทธ ๊ฐœ๋…์ด ๋งˆ์Œ์— ๋“ญ๋‹ˆ๋‹ค.์ด ์Šค๋ ˆ๋“œ์—์„œ ๊ณต์œ  ๋œ ๋ชจ๋“  ์•„์ด๋””์–ด์™€ ํ”ผ๋“œ๋ฐฑ์ด ํ•จ๊ป˜ ๋…น์•„์„œ _solid_ ๊ธฐ์ค€์„ ์ด ๋ฐ˜๋ณต๋˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค. ์‹ ์„ ํ•œ ์‹œ๊ฐ์„ ๊ฐ€์ ธ์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

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

๋‚˜๋Š” ๋นต ๋ถ€์Šค๋Ÿฌ๊ธฐ ์•„์ด๋””์–ด๋ฅผ ์ข‹์•„ํ•œ๋‹ค. (์‚ฌ์‹ค 4 ์›”์˜ # 6459์—์„œ ๊ฝค ๋น„์Šทํ•œ ๊ฒƒ์„ ์ œ์•ˆํ–ˆ์Šต๋‹ˆ๋‹ค.) ํ†ตํ•ฉ ํˆด๋ฐ”๊ฐ€ ํ™œ์„ฑํ™”๋˜๋ฉด ํƒ์ƒ‰ ๊ฒฝ๋กœ๋Š” ์–ด๋–ป๊ฒŒ๋ฉ๋‹ˆ๊นŒ?

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

๋‚˜๋Š” ์ด๋™ ๊ฒฝ๋กœ๋ฅผ ์ข‹์•„ํ•˜์ง€๋งŒ ํ†ตํ•ฉ ํˆด๋ฐ”๋„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์ด๋™ ๊ฒฝ๋กœ์— ๋Œ€ํ•œ ๋‹ค๋ฅธ ์œ„์น˜๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? :)

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

ํด๋ฆญ ์—ฐ๊ฒฐ ์˜ต์…˜์ด ๋งˆ์Œ์— ๋“ญ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ๋Š” 'ํ†ต๊ณผ'๋ธ”๋ก์— ๋Œ€ํ•œ ์ถ”๊ฐ€ ์ž‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค (์˜ˆ๋ฅผ ๋“ค์–ด ๊ฐ ๊ฐœ๋ณ„ "์—ด"์€ ํด๋ฆญ ํ•  ๋ ˆ์ด์–ด๋กœ ๊ฐ„์ฃผ๋˜์ง€ ์•Š์Œ).

ํ†ตํ•ฉ ํˆด๋ฐ”๊ฐ€ ํ™œ์„ฑํ™”๋˜๋ฉด ์ด๋™ ๊ฒฝ๋กœ๋Š” ์–ด๋–ป๊ฒŒ๋ฉ๋‹ˆ๊นŒ?
๋‚˜๋Š” ์ด๋™ ๊ฒฝ๋กœ๋ฅผ ์ข‹์•„ํ•˜์ง€๋งŒ ํ†ตํ•ฉ ํˆด๋ฐ”๋„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์ด๋™ ๊ฒฝ๋กœ์— ๋Œ€ํ•œ ๋‹ค๋ฅธ ์œ„์น˜๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? :)

์ข‹์€ ์งˆ๋ฌธ. ๋น ๋ฅด๊ณ  ๋”๋Ÿฌ์šด ๋ชจํ˜• :

challenge

์˜ˆ, ์Šค์œ„์ฒ˜์˜ ์ค‘๋ณต ์•„์ด์ฝ˜ ๋ฌธ์ œ๊ฐ€ ๋ณด์ž…๋‹ˆ๋‹ค. ๊ณ„์† ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ์ด ๋””์ž์ธ์ด # 4287์—์„œ ์ฐจ๋‹จ ๋œ ๋ฌธ์„œ ๊ฐœ์š”๋ฅผ ์ƒ๋žตํ•˜๋Š” ๋ฐฉ๋ฒ•์— ์œ ์˜ํ•˜์‹ญ์‹œ์˜ค.

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

๋‚ด๋ถ€ ๋ธ”๋ก์ด ๋ถ€๋ชจ ๊ทธ๋ฃน์˜ ์ผ๋ถ€์ž„์„ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฒƒ์œผ๋กœ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ๋‚ด๋ถ€ ๋ธ”๋ก์„ _ ๊ณ ์ • _ํ•ฉ๋‹ˆ๋‹ค.

์ง€๊ธˆ์€ ๋‹ค์ค‘ ์„ ํƒ์ด ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.

screen shot 2018-09-06 at 11 17 28

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

screen shot 2018-09-06 at 11 18 19

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

ํด๋ฆญ ์—ฐ๊ฒฐ ์˜ต์…˜์ด ๋งˆ์Œ์— ๋“ญ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ๋Š” 'ํ†ต๊ณผ'๋ธ”๋ก์— ๋Œ€ํ•œ ์ถ”๊ฐ€ ์ž‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค (์˜ˆ๋ฅผ ๋“ค์–ด ๊ฐ ๊ฐœ๋ณ„ "์—ด"์€ ํด๋ฆญ ํ•  ๋ ˆ์ด์–ด๋กœ ๊ฐ„์ฃผ๋˜์ง€ ์•Š์Œ).

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

https://github.com/WordPress/gutenberg/pull/9653 ์—์„œ ์ž‘์—…ํ•˜๋ฉด์„œ ๊ณ„์ธต์„ ํƒ์ƒ‰ํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฏธ ์กด์žฌํ•˜๋Š” ํ™”์‚ดํ‘œ ํ‚ค ํƒ์ƒ‰ (๋ถ€๋ชจ๋ฅผ ์„ ํƒํ•˜๊ธฐ ์œ„ํ•ด ์—ด์„ ์„ ํƒํ•  ๋•Œ ์œ„์ชฝ ํ™”์‚ดํ‘œ ํ‚ค ์‚ฌ์šฉ)์„ ๊นจ๋‹ฌ์•˜์Šต๋‹ˆ๋‹ค. , ์ฆ‰ ์—ด ๋ธ”๋ก)์ด ์ •๋ง ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ์ด ๊ธฐ๋Šฅ์„ Windows ํŒŒ์ผ ํƒ์ƒ‰๊ธฐ์˜ "์ƒ์œ„ ํด๋”๋กœ ์ด๋™"๊ณผ ์œ ์‚ฌํ•œ "์œ„๋กœ"๋ฒ„ํŠผ์œผ๋กœ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ๋งŒ์œผ๋กœ๋„ ์™„์ „ํ•œ ์ด๋™ ๊ฒฝ๋กœ ๋Œ€์‹  ์ถฉ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ๋ณด์ผ ์ˆ˜ ์žˆ๋Š”์ง€ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์ƒ๋‹จ ๋„๊ตฌ ๋ชจ์Œ :

top toolbar

๋ธ”๋ก ๋„๊ตฌ ๋ชจ์Œ :

block toolbar

CC : @youknowriad

๋ช‡ ๊ฐ€์ง€ ์ƒ๊ฐ

๋นต ๋ถ€์Šค๋Ÿฌ๊ธฐ

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

๋”ฐ๋ผ์„œ ์ƒ๋‹จ ๋„๊ตฌ ๋ชจ์Œ์ด ํ‘œ์‹œํ•˜๊ธฐ์— ๊ฐ€์žฅ ์ข‹์€ ๊ณณ์ด ์•„๋‹ ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋‹ค๋ฅธ ๊ณณ์˜ ํƒ์ƒ‰ ๊ฒฝ๋กœ์—์„œ ๊ฐ€์ ธ์˜จ ๋‹จ์„œ๊ฐ€ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ํ˜„์žฌ ํŒŒ์ผ-> ํด๋ž˜์Šค-> ๋ฉ”์†Œ๋“œ / ๊ธฐ๋Šฅ์„ ๋ณด์—ฌ์ฃผ๋Š” PHPStorm์˜ ๊ณ„์ธต ๋„๊ตฌ ๋ชจ์Œ ๋˜๋Š” MacOS Finder ๋ฐ Windows ํƒ์ƒ‰๊ธฐ์˜ ํด๋” ๋„๊ตฌ ๋ชจ์Œ?

screenshot 2018-10-02 at 18 02 34

ํด๋ฆญ์„ ํ†ตํ•ด

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

๋ชจ๋“œ์— ๋Œ€ํ•œ ๋งŽ์€ ์—ฐ๊ตฌ์™€ ์ง€์นจ์ด ์žˆ์œผ๋ฉฐ, Illustrator ๋˜๋Š” Photoshop์— ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ข‹์€ ๊ฒƒ์œผ๋กœ ๊ฐ„์ฃผํ•ด์„œ๋Š” ์•ˆ๋ฉ๋‹ˆ๋‹ค. ์ ์ ˆํ•œ ์†”๋ฃจ์…˜์ด๋˜๊ธฐ ์ „์— ํด๋ฆญํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋” ๋งŽ์€ ์ž‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

https://medium.com/interaction-reimagined/dangers-of-modal-user-interfaces-316828de8161

http://www.azarask.in/blog/post/is_visual_feedback_enough_why_modes_kill/

์ด๊ฒƒ์€ ๋˜ํ•œ ์ด๊ฒƒ์ด ์—‰๋ง์ด๋˜๋Š” ๋ชจ๋“  ์ ‘๊ทผ์„ฑ ์š”์†Œ๋ฅผ ๋ฌด์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์œ„๋กœ ๋ฒ„ํŠผ

์œ„๋กœ ๋ฒ„ํŠผ ์•„์ด๋””์–ด๊ฐ€ ์ข‹์Šต๋‹ˆ๋‹ค. ๋‚ด ์šฐ๋ ค๋Š” ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์•„๋ž˜๋กœ ๋ฒ„ํŠผ์ด ๋‚˜ํƒ€๋‚˜๊ณ  ๋ธ”๋ก์ด ์œ„์ชฝ์œผ๋กœ ์ด๋™ํ•˜๊ณ  ๋ชจํ˜ธํ•˜๋ฉฐ ์ด๋™ ๊ฒฝ๋กœ ๋ธ”๋ก๊ณผ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๋ธ”๋ก ํŒจํ„ด

ํ˜„์žฌ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๋ธ”๋ก์—๋Š” ์ด๋ฏธ ํ”„๋ŸฐํŠธ ์—”๋“œ์— ํ‘œ์‹œ๋˜์ง€ ์•Š๋Š” ๋ธ”๋ก ์ธํ„ฐํŽ˜์ด์Šค์— ํฌ๋กฌ์„ ์ถ”๊ฐ€ํ•˜๋Š” UI ํŒจํ„ด์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์—ด์ด ๋™์ผํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

screenshot 2018-10-02 at 18 08 33

๋˜๋Š” ๋‚ด๊ฐ€ ์˜๋ฏธํ•˜๋Š” ๋ฐ”์— ๋Œ€ํ•œ ์Šˆํผ ์“ฐ๋ ˆ๊ธฐ ๋ชจํ˜•

screenshot 2018-10-02 at 18 09 40

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

ํˆด๋ฐ” ๋ชจ๋ธ์— ๋งž๋„๋ก ์—ฌ๊ธฐ์„œ ์‚ฌ์šฉํ•  ์ˆ˜์žˆ๋Š” ํ•œ ๊ฐ€์ง€ ์ž ์žฌ์  UX ํŒจํ„ด์€ OS X ํด๋” ํƒ์ƒ‰ ๋ฒ„ํŠผ์ž…๋‹ˆ๋‹ค : https://cld.wthms.co/avtQLO

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

๋‚˜๋Š” ์•Œ๋ ‰์‹œ์Šค๋ผ๋Š” ๊ฐœ๋…์„ _adore_ํ•˜๋Š”๋ฐ, ํŠนํžˆ ๋‹น์‹ ์ด ์–ธ๊ธ‰ ํ•œ ๋” ๋ณต์žกํ•œ ๋ธ”๋ก์— ๋Œ€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ๋„ˆ๋ฌด ์ข‹์•„ํ•ด์„œ ์ฆ‰์‹œ ์‹คํ–‰ํ•˜๊ณ  ์•„์ด๋””์–ด๋ฅผ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•ด ๋ช‡ ๊ฐ€์ง€ ๋ชจํ˜•์„ ๋ฆฌ๋ฏน์Šคํ–ˆ์Šต๋‹ˆ๋‹ค.

์„ ํƒ ์—†์Œ :

no selection

์„ ํƒํ•œ ์ฐจ๋‹จ :

parent selected

์„ ํƒํ•œ ๋‚ด๋ถ€์— ์ค‘์ฒฉ ๋œ ๋ธ”๋ก :

child selected

ํด๋” ํƒ์ƒ‰ ๋ฒ„ํŠผ ํŒ์—…์ด ์—ด๋ฆฝ๋‹ˆ๋‹ค.

crumbs dropdown

โ˜๏ธ ์ €๋Š” ๊ทธ ๊ฐœ๋…์ด ๋งˆ์Œ์— ๋“ญ๋‹ˆ๋‹ค.์ด ์Šค๋ ˆ๋“œ์—์„œ ๊ณต์œ  ๋œ ๋ชจ๋“  ์•„์ด๋””์–ด์™€ ํ”ผ๋“œ๋ฐฑ์ด ํ•จ๊ป˜ ๋…น์•„์„œ _solid_ ๊ธฐ์ค€์„ ์ด ๋ฐ˜๋ณต๋˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค. ์‹ ์„ ํ•œ ์‹œ๊ฐ์„ ๊ฐ€์ ธ์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ €๋Š” ์‹œ๊ฐ์  ํŠธ๋ฆฌ๊ฐ€์žˆ๋Š” ๋“œ๋กญ ๋‹ค์šด์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ถ€๋Š”์ด ํ˜•์‹์œผ๋กœ ์ „์ฒด ๋ฌธ์„œ๋ฅผ ๋ณด๋Š” ๊ฒƒ๋„ ๋„์›€์ด ๋  ๊ฒƒ์ด๋ฉฐ ํ•ญ๋ชฉ์„ ์žฌ์ •๋ ฌํ•˜๋Š” ์œ ์šฉํ•œ ๋ฐฉ๋ฒ•์„ ์ œ๊ณต ํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ๋” ์ƒ๊ฐํ•ด ๋ณด๋ฉด ์ด๋ฏธ ์ด์™€ ๊ฐ™์€ ์„ ํƒ ๋ฉ”์ปค๋‹ˆ์ฆ˜๊ณผ ์ •๋ณด ํŒจ๋„์— ๋ฌธ์„œ ๊ฐœ์š”๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์ƒ๊ธฐํ–ˆ์Šต๋‹ˆ๋‹ค.

screenshot 2018-10-11 at 17 06 54

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

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

screenshot 2018-10-11 at 17 05 24

ํ…์ŠคํŠธ ๋ ˆ์ด๋ธ”์„ ์‚ฌ์šฉํ•˜๋ฉด ๋” ๋ช…ํ™• ํ•ด์ง€์ง€ ๋งŒ ํด๋ฆญํ•˜์ง€ ์•Š๊ณ ๋Š” ๋ฌด์—‡์„ํ–ˆ๋Š”์ง€ ๋Œ€๋ถ€๋ถ„ ์•Œ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

screenshot 2018-10-11 at 17 05 15

๋ณด๊ธฐ ์ข‹๊ฒŒ ๋ณด์ž„ :) ๊ฐ€๋…์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ์•„์ด์ฝ˜์„ ์•ฝ๊ฐ„ ๋‹จ์ˆœํ™” ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ๊ฐ„๊ฒฉ์ด 4 ๊ฐœ๊ฐ€ ์•„๋‹Œ 3 ์ค„์ผ๊นŒ์š”?

ํ…์ŠคํŠธ ๋ผ๋ฒจ์„ ์‚ฌ์šฉํ•˜๋ฉด ๋” ๋ช…ํ™• ํ•ด์ง€์ง€ ๋งŒ ํด๋ฆญํ•˜์ง€ ์•Š๊ณ ๋Š” ๋ฌด์—‡์„ํ–ˆ๋Š”์ง€ ์•Œ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

ํˆดํŒ๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

re : @tomjn ์˜ ์˜๊ฒฌ์—์„œ, ์ด๊ฒƒ์ด ๋ณ„๋„์˜ ์žฅ์†Œ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ๋ณด๋‹ค ์ „์ฒด ๋ฌธ์„œ ํŠธ๋ฆฌ์— ํ†ตํ•ฉ ๋  ์ˆ˜ ์žˆ๋‹ค๋ฉด ํƒ๊ตฌ ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ๋Š” ํŠธ๋ฆฌ์˜ ๋‹จ์ˆœ์„ฑ๊ณผ ์Šค์บ” ๊ฐ€๋Šฅ์„ฑ์„ ์œ ์ง€ํ•˜๋ฉด์„œ ํ›จ์”ฌ ๋” ๋งŽ์€ ์ˆ˜์ค€์˜ ๋ฌผ๊ฑด์„ ์ˆ˜์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๊ฒƒ์€ ์ „์ฒด ํŽ˜์ด์ง€ ๊ตฌ์กฐ์— ๋Œ€ํ•œ ๋‹จ์ผ ์†Œ์Šค ์ธ Sketch ๋˜๋Š” Photoshop์˜ ๋ ˆ์ด์–ด ํŒจ๋„ (๋””์ž์ธ์ด ์•„๋‹Œ ๊ธฐ๋Šฅ)๊ณผ ๋น„์Šทํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž˜ํ•˜๊ธฐ ์œ„ํ•ด ๋„์ „ํ•˜์ง€๋งŒ ํƒํ—˜ํ• ๋งŒํ•œ ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

๋‹ค์‹œ ๋งํ•˜์ง€๋งŒ, ์ด๊ฒƒ์€ ์šฐ๋ฆฌ๊ฐ€ ๋ฐ˜๋ณตํ•˜๋Š” ๊ฒƒ์ผ ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๋” ์ •๊ตํ•œ ๊ฒƒ์œผ๋กœ ์„ฑ์žฅํ•  ์ˆ˜์žˆ๋Š” ๊ฐ€์žฅ ์œ ์šฉํ•œ MVP๋Š” ๋ฌด์—‡์ผ๊นŒ์š”?

ํˆดํŒ๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์ถฉ๋ถ„ํ•˜์ง€ ์•Š๋‹ค๊ณ  ์ƒ๊ฐ ํ•ฉ๋‹ˆ๋‹ค๋งŒ, ๋ณ„๋„์˜ ๋…ผ์˜์™€ ๊ธฐ๋Šฅ ์š”์ฒญ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ํ‹ฐ์ผ“์„ ์—ด๊ฒ ์Šต๋‹ˆ๋‹ค.

๊ฐ€๋…์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ์•„์ด์ฝ˜์„ ์•ฝ๊ฐ„ ๋‹จ์ˆœํ™” ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ๊ฐ„๊ฒฉ์ด 4 ๊ฐœ๊ฐ€ ์•„๋‹Œ 3 ์ค„์ผ๊นŒ์š”?

๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ์ข‹์•„ํ•œ๋‹ค :

screenshot 2018-10-11 at 18 18 06

๊ทธ๋Ÿฌ๋‚˜ ๋” ์ƒ๊ฐํ•ด ๋ณด๋ฉด ์ด๋ฏธ ์ด์™€ ๊ฐ™์€ ์„ ํƒ ๋ฉ”์ปค๋‹ˆ์ฆ˜๊ณผ ์ •๋ณด ํŒจ๋„์— ๋ฌธ์„œ ๊ฐœ์š”๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์ƒ๊ธฐํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋˜ํ•œ ์ด๊ฒƒ์ด ๋ณ„๋„์˜ ์žฅ์†Œ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ๋ณด๋‹ค ์ „์ฒด ๋ฌธ์„œ ํŠธ๋ฆฌ์— ํ†ตํ•ฉ ๋  ์ˆ˜ ์žˆ๋‹ค๋ฉด ํƒ๊ตฌ ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

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

๋ ˆ์ด๋ธ”์— ๊ด€ํ•ด์„œ๋Š” ๋ ˆ์ด๋ธ”์„ ์ข‹์•„ํ•˜์ง€๋งŒ ๋ธ”๋ก ๋„๊ตฌ ๋ชจ์Œ์„ ๋งจ ์œ„์— ๊ณ ์ •ํ•˜๋Š” ์˜ต์…˜์„ ๊ณ ๋ คํ•  ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ† ๋ก ์€ # 9053 (CC : @westonruter)์„ ๋– ์˜ฌ๋ฆฌ๊ฒŒํ•ฉ๋‹ˆ๋‹ค. https://github.com/WordPress/gutenberg/issues/9628#issuecomment -429012989์— ๋‚˜์™€์žˆ๋Š” Alexis์˜ ์ œ์•ˆ์„ ์ข‹์•„ํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๊ณ„์† ์ง„ํ–‰๋˜๋Š” ๊ฒƒ์„๋ณด๊ณ  @alexislloyd ๊ฐœ๋…์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. @jasmussen ์ €๋Š”์ด ๋ชจ์˜๋ฅผ ์ •๋ง ์ข‹์•„ํ•˜๊ณ  ์šฐ๋ฆฌ๊ฐ€ ๋ฐ˜๋ณต ํ•  ์ˆ˜์žˆ๋Š” ์ข‹์€ ์ ์ด ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ ‡๋‹ค๋ฉด ์ข€ ๋” ์ •๊ตํ•œ ๊ฒƒ์œผ๋กœ ์„ฑ์žฅํ•  ์ˆ˜์žˆ๋Š” ๊ฐ€์žฅ ์œ ์šฉํ•œ MVP๋Š” ๋ฌด์—‡์ผ๊นŒ์š”?

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

# 10767์˜ ๋…ผ์˜์— ๋”ฐ๋ผ ์ด๊ฒƒ์„ ๋‹ค์‹œ ์—ด์–ด ๋ฐ˜๋ณตํ•˜์‹ญ์‹œ์˜ค.

# 11159์— ์ œ์•ˆ ๋œ ์ถ”๊ฐ€ ์•„์ด๋””์–ด๋„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

๋ณต์žกํ•œ ๋ธ”๋ก์œผ๋กœ ๋” ์‰ฝ๊ฒŒ ์ž‘์—… ํ•  ์ˆ˜์žˆ๋Š” ๋˜ ํ•˜๋‚˜์˜ ์•„์ด๋””์–ด๋Š” _ ์„ ํƒ๋˜์ง€ ์•Š์€ ๋ธ”๋ก์€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ _์ด๊ณ  _ ์„ ํƒ๋œ ๋ธ”๋ก์€ ์ถ”๊ฐ€ ํŽธ์ง‘ ์ปจํŠธ๋กค์„ ํ‘œ์‹œ ํ•  ์ˆ˜ ์žˆ์Œ _์ž…๋‹ˆ๋‹ค.

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

์ž์‹์ด ์„ ํƒ ๋˜๋”๋ผ๋„ ์ตœ์ƒ์œ„ ๋ธ”๋ก์—์„œ .is-selected ํด๋ž˜์Šค๋ฅผ ๋ณต์›ํ•˜๋ฉด ๊ตฌํ˜„ํ•˜๊ธฐ๊ฐ€ ๋น„๊ต์  ๊ฐ„๋‹จ ํ•ด ๋ณด์ž…๋‹ˆ๋‹ค. ํ•œ๋™์•ˆ hasSelectedInnerBlocks ์†Œํ’ˆ์„ ์‚ฌ์šฉํ•˜์—ฌ์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

์—ด ๋ธ”๋ก์˜ ์…€ ์œ„๋กœ ๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€์ ธ ๊ฐ€๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

screen shot 2018-11-25 at 10 57 47

screen shot 2018-11-25 at 10 53 16

๋ฏธ๋””์–ด ๋ฐ ํ…์ŠคํŠธ ๋ธ”๋ก์˜ ์…€ ์œ„๋กœ ๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€์ ธ๊ฐ‘๋‹ˆ๋‹ค.

screen shot 2018-11-25 at 11 02 35

ํ•˜๋‚˜๋Š” ๋‚ด๋ถ€ ๋ธ”๋ก๊ณผ ์™ธ๋ถ€ ๋ธ”๋ก์„ ๋ด…๋‹ˆ๋‹ค.
์—ด-> ๋‹จ๋ฝ๊ณผ ๊ฐ™์€. ์—ด-> YouTube. ๋ฏธ๋””์–ด ๋ฐ ํ…์ŠคํŠธ-> YouTube

ํ˜ธ๋ฒ„ ์ •๋ณด์˜ ํƒ์ƒ‰ ๊ฒฝ๋กœ ์ •๋ณด (๋‚ด๋ถ€ ๋ฐ ์™ธ๋ถ€ ๋ธ”๋ก)๋ฅผ ํด๋ฆญ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์—ด์„ ํด๋ฆญํ•˜์—ฌ ์ƒ์œ„๋ฅผ ์„ ํƒํ•˜๊ฑฐ๋‚˜ ๋‹จ๋ฝ์„ ํด๋ฆญํ•˜์—ฌ ํ•˜์œ„๋ฅผ ์„ ํƒํ•˜์‹ญ์‹œ์˜ค.

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

column-hover-area

์ด ์ถ”๊ฐ€ ์ ์ค‘ ์˜์—ญ์€ ๋ธ”๋ก์˜ ์ƒ๋‹จ๊ณผ ํ•˜๋‹จ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ๊ทธ๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ์„ ํƒํ•˜๊ธฐ๊ฐ€ ํ›จ์”ฌ ๋” ์–ด๋ ต์Šต๋‹ˆ๋‹ค.

๋ณต์žกํ•œ ๋ธ”๋ก์œผ๋กœ ๋” ์‰ฝ๊ฒŒ ์ž‘์—… ํ•  ์ˆ˜์žˆ๋Š” ๋˜ ํ•˜๋‚˜์˜ ์•„์ด๋””์–ด๋Š” ์„ ํƒ๋˜์ง€ ์•Š์€ ๋ธ”๋ก์ด ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ด๊ณ  ์„ ํƒํ•œ ๋ธ”๋ก์ด ์ถ”๊ฐ€ ํŽธ์ง‘ ์ปจํŠธ๋กค์„ ํ‘œ์‹œ ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ๊ธฐ์–ตํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

์ด๊ฒƒ์ด @jasmussen ์ด ์œ„์—์„œ ์ œ์•ˆํ•œ ๋‚ด์šฉ์ธ์ง€ 100 % ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ํŽธ์ง‘ ๋ชจ๋“œ์—์„œ ๋ถ€๋ชจ ๋ธ”๋ก์˜ ์ผ๋ถ€ ํŒจ๋”ฉ + ์‹œ๊ฐ์  ํ‘œ์‹œ๊ธฐ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ์—ฌ๊ธฐ์„œ ํฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒํ•˜๋ฉด ์ƒ์œ„ ํ•ญ๋ชฉ์„ ์„ ํƒํ•˜๋ ค๋Š” ๊ฒฝ์šฐ ํด๋ฆญํ•ด์•ผํ•˜๋Š” ์œ„์น˜๊ฐ€ ๋ช…ํ™•ํ•˜๊ฒŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

screen shot 2019-01-21 at 1 29 58 pm

๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๋ธ”๋ก์„ ๋น ์ ธ ๋‚˜๊ฐ€๋ฉด ํ•ด๋‹น ์ถ”๊ฐ€ ํŒจ๋”ฉ์ด ์‚ฌ๋ผ์ ธ ๋ธ”๋ก์„๋ณด๋‹ค ์ •ํ™•ํ•˜๊ฒŒ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ์ถ”๊ฐ€ ์ ์ค‘ ์˜์—ญ์€ ๋ธ”๋ก์˜ ์ƒ๋‹จ๊ณผ ํ•˜๋‹จ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ๊ทธ๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ์„ ํƒํ•˜๊ธฐ๊ฐ€ ํ›จ์”ฌ ๋” ์–ด๋ ต์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ํ‹ฐ์ผ“์ด ์žˆ์—ˆ๋Š”๋ฐ ์ด๋Š” ํ˜•์ œ ์‚ฝ์ž… ๊ธฐ๊ฐ€ ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹๊ณผ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ์ฐพ์„ ์ˆ˜ ์—†์ง€๋งŒ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์–ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. @aduth ๋ฒจ์„

์ด๊ฒƒ์ด @jasmussen ์ด ์œ„์—์„œ ์ œ์•ˆํ•œ ๋‚ด์šฉ์ธ์ง€ 100 % ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ํŽธ์ง‘ ๋ชจ๋“œ์—์„œ ๋ถ€๋ชจ ๋ธ”๋ก์˜ ์ผ๋ถ€ ํŒจ๋”ฉ + ์‹œ๊ฐ์  ํ‘œ์‹œ๊ธฐ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ์—ฌ๊ธฐ์„œ ํฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒํ•˜๋ฉด ์ƒ์œ„ ํ•ญ๋ชฉ์„ ์„ ํƒํ•˜๋ ค๋Š” ๊ฒฝ์šฐ ํด๋ฆญํ•ด์•ผํ•˜๋Š” ์œ„์น˜๊ฐ€ ๋ช…ํ™•ํ•˜๊ฒŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ์€ ๋‚ด๊ฐ€ ์˜๋ฏธํ•˜๋Š” ๋ฐ”๊ฐ€ ๋‹ค์†Œ ์ •ํ™•ํ•˜๋ฉฐ ๋‚ด๊ฐ€ ํ•  ์ˆ˜์žˆ๋Š” ๊ฒƒ๋ณด๋‹ค ๋” ์•„๋ฆ„๋‹ต๊ฒŒ ์‹œ๊ฐํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ์˜๋ฏธํ•˜๋Š” ๋ฐ”๋ฅผ ์„ค๋ช…ํ•˜๊ธฐ ์œ„ํ•ด ์ถ”๊ฐ€ ํฌ๋ ˆ์šฉ ์Šค์ผ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ด ๋ธ”๋ก :

screenshot 2019-01-22 at 13 37 34

๋ณธ์งˆ์ ์œผ๋กœ ๋‹น์‹ ์ด ๊ฐ€์ง€๊ณ ์žˆ๋Š” ๊ฒƒ, Kjell โ€” ์•„๋งˆ๋„ ์ ์„ ์ด ์•ฝ๊ฐ„ ๋” ์–ด๋‘ก๊ฒŒ ๋ณด์ผ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ ์—ด ๋ธ”๋ก์˜ ์ถ”๊ฐ€ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์— ๋”ฐ๋ผ _column_ ๋ธ”๋ก๋„ ์žˆ์Œ์„ ๊ธฐ์–ตํ•˜์‹ญ์‹œ์˜ค. ์ฆ‰, ํ˜„์žฌ ๊ณ„์ธต ๊ตฌ์กฐ๋Š” _Columns โ†’ Column โ†’ Image_์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๋‘ ๋ฒˆ์งธ ์ˆ˜์ค€์„ ๋‹ค์†Œ ๋ณด์ด์ง€ ์•Š๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์น˜์—ดํ•œ CSS ๋งˆ๋ฒ•์‚ฌ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์ง€๋งŒ ๋‚˜์ค‘์— CSS ํด๋ž˜์Šค๋ฅผ ์ ์šฉํ•˜๊ฑฐ๋‚˜ ๊ฐœ๋ณ„ ์—ด์— ํ•„์š”ํ•œ ๋‹ค๋ฅธ ์˜ต์…˜์„ ์„ ํƒํ•˜๋ ค๋Š” ๊ฒฝ์šฐ์—๋Š” ๊ณ ๋ คํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์Šฌ๋ผ์ด๋“œ ์‡ผ ๋ธ”๋ก :

screenshot 2019-01-22 at 13 37 25

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

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

์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ํ‹ฐ์ผ“์ด ์žˆ์—ˆ๋Š”๋ฐ ์ด๋Š” ํ˜•์ œ ์‚ฝ์ž… ๊ธฐ๊ฐ€ ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹๊ณผ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ์ฐพ์„ ์ˆ˜ ์—†์ง€๋งŒ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์–ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. @aduth ๋ฒจ์„

๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ๊ฒƒ์€ # 8883, # 8881, # 5180 ์ค‘ ํ•˜๋‚˜ ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฌธ์„œ ํŠธ๋ฆฌ๊ฐ€ ๋„์›€์ด๋˜์ง€๋งŒ ์—ฌ์ „ํžˆ ๋‚ด๊ฐ€ ์กฐ์ž‘ํ•˜๋ ค๋Š” ๊ฒƒ์—์„œ ์ดˆ์ ์„ ๋ณ€๊ฒฝํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ ๋ธ”๋ก๊ณผ ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์„ ์ง์ ‘ ํด๋ฆญํ•˜๋Š” ๋” ์ข‹์€ ๋ฐฉ๋ฒ•์„ ์›ํ•ฉ๋‹ˆ๋‹ค. @jasmussen ์ด ์œ„์—์„œ ์„ค๋ช…ํ•œ ํด๋ฆญ ์Šค๋ฃจ ๋ฐฉ๋ฒ•์ด ๋” ๋งŽ์ด ํƒ์ƒ‰ ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ์ผ๋ฐ˜์ ์œผ๋กœ ๊ฒฝํ—˜ํ•˜๋Š” ๋ฌธ์ œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

block-selecting

์‚ฌ์šฉ์ž๋กœ์„œ ๋‚˜๋Š” ํ™”๋ฉด์˜ ๋‹ค๋ฅธ ๊ณณ์—์žˆ๋Š” ๋‹ค๋ฅธ ์†”๋ฃจ์…˜์„ ์ฐพ๊ธฐ ์ „์— ์ ์–ด๋„ 1 ๋ถ„ ๋™์•ˆ ์ด๊ฒƒ์œผ๋กœ ์‹ธ์šธ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๐Ÿ˜‰

* _์ด ๋Œ“๊ธ€์„ ์ถ”๊ฐ€ํ–ˆ์„ ๋•Œ ๋‹ค๋ฅธ ๋Œ“๊ธ€์ด ๋งŽ์ด ๋‚˜์™”์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ๊ทธ๋‹ค์ง€ ์ ์ ˆํ•˜์ง€ ์•Š์„ ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ํˆฌ์Ÿ์„ ๋ฌธ์„œํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์—ฌ๊ธฐ์— ๋ณด๊ด€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค ._

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

์ด ์†”๋ฃจ์…˜์— ๋Œ€ํ•œ ๋‚ด ๊ด€์‹ฌ์‚ฌ๋Š” ์ฃผ๋ณ€ ๋ธ”๋ก๊ณผ ๊ด€๋ จํ•˜์—ฌ ํŒจ๋”ฉ์ด ์ž‘๋™ํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.

  1. ๋ถ€๋ชจ ๋ธ”๋ก์˜ ํŒจ๋”ฉ์ด ํ”„๋ŸฐํŠธ ์—”๋“œ์— ๋ฐ˜์˜๋ฉ๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ํŽธ์ง‘๊ธฐ์—์„œ ๋” ๋งŽ์€ ํŒจ๋”ฉ?

  2. ๋ธ”๋ก์ด ์„ ํƒ๋˜๋ฉด ํŒจ๋”ฉ์ด ๋™์ ์œผ๋กœ ์ถ”๊ฐ€๋ฉ๋‹ˆ๊นŒ?

nested-pad-2

  1. ์•„๋‹ˆ๋ฉด ํŒจ๋”ฉ ์ฒ˜๋ฆฌ ๋œ ๋ถ€๋ชจ๊ฐ€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฃผ๋ณ€ ๋ธ”๋ก ์œ„์— ๋‚˜ํƒ€๋‚  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

nested-pad-1

์ด ๊ฐœ๋…์„ ๋” ๊นŠ์ด ํŒŒํ—ค ์น˜๋ ค๊ณ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์— ๋Œ€ํ•œ ๋ช‡ ๊ฐ€์ง€ ์ƒ๊ฐ์„ ์ข‹์•„ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

@aduth ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค, ๋‹น์‹ ์€ ์ ์–ด๋„ ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉํ–ฅ์œผ๋กœ๊ฐ€๋Š” ํ‹ฐ์ผ“์„ ์ฐพ๋„๋ก ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. # 9229์˜ GIF๋Š” ๋ฌธ์ œ๋ฅผ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. GIF์˜ ๋…ธ๋ž€์ƒ‰ ์˜์—ญ์€ ํ˜•์ œ ์‚ฝ์ž…๊ธฐ๋ฅผ ์œ„ํ•ด "์˜ˆ์•ฝ"๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋ธ”๋ก ์œ„ ๋˜๋Š” ์•„๋ž˜์˜ ํŒจ๋”ฉ์„ ํด๋ฆญํ•˜์—ฌ ๋ธ”๋ก์„ ์„ ํƒํ•˜์ง€ ๋ชปํ•˜๊ฒŒํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด @kjellr ์˜ ์˜๊ฒฌ์— ๋Œ€ํ•œ ๋Œ€๋‹ต์ž…๋‹ˆ๋‹ค.

์ด ์ถ”๊ฐ€ ์ ์ค‘ ์˜์—ญ์€ ๋ธ”๋ก์˜ ์ƒ๋‹จ๊ณผ ํ•˜๋‹จ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ๊ทธ๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ ์„ ํƒํ•˜๊ธฐ๊ฐ€ ํ›จ์”ฌ ๋” ์–ด๋ ต์Šต๋‹ˆ๋‹ค.

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

๋ฌธ์„œ ํŠธ๋ฆฌ๊ฐ€ ๋„์›€์ด๋˜์ง€๋งŒ ์—ฌ์ „ํžˆ ๋‚ด๊ฐ€ ์กฐ์ž‘ํ•˜๋ ค๋Š” ๊ฒƒ์—์„œ ์ดˆ์ ์„ ๋ณ€๊ฒฝํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ ๋ธ”๋ก๊ณผ ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์„ ์ง์ ‘ ํด๋ฆญํ•˜๋Š” ๋” ์ข‹์€ ๋ฐฉ๋ฒ•์„ ์›ํ•ฉ๋‹ˆ๋‹ค. @jasmussen ์ด ์œ„์—์„œ ์„ค๋ช…ํ•œ ํด๋ฆญ ์Šค๋ฃจ ๋ฐฉ๋ฒ•์ด ๋” ๋งŽ์ด ํƒ์ƒ‰ ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

ํ˜„์žฌ ๊ตฌํ˜„์ด ์•ฝ๊ฐ„ ๋œ์–ด ์กŒ๋”๋ผ๋„ ์‹ค์ œ๋กœ ์ง€๊ธˆ ๋ฐ”๋กœ ํ…Œ์ŠคํŠธ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋ชจ๋“  ๋ฒ„์ „์˜ Gutenberg๋ฅผ ์‹คํ–‰ํ•˜์‹ญ์‹œ์˜ค.
  • ์ฝ˜ํ…์ธ ๊ฐ€์žˆ๋Š” ์—ด ๋ธ”๋ก์„ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค.
  • ์ฐฝ ํฌ๊ธฐ๋ฅผ 600px ์ค‘๋‹จ ์  ์•„๋ž˜๋กœ ์กฐ์ • ํ•œ ๋‹ค์Œ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

์ฆ‰, ์ƒ์œ„ ๋ธ”๋ก์„๋ณด๋‹ค ์‰ฝ๊ฒŒ โ€‹โ€‹์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ชจ๋ฐ”์ผ ์šฉ์œผ๋กœ ๊ตฌํ˜„๋ฉ๋‹ˆ๋‹ค.

GIF :

click through

ํ˜„์žฌ ๊ตฌํ˜„์˜ ๋ฌธ์ œ์ ์€ ๊ฐ€์žฅ ๊นŠ์€ ์ˆ˜์ค€์œผ๋กœ ๋“œ๋ฆด ๋‹ค์šดํ•˜๋ฉด "์ƒํƒœ"๊ฐ€ ์žฌ์„ค์ •๋œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋™์ผํ•œ ๋‹จ๋ฝ์„ ๋‘ ๋ฒˆ ์„ ํƒํ•˜๋Š” ๊ฒฝ์šฐ์—๋„ ์—ด> ์—ด> ๋‹จ๋ฝ, ์—ด> ์—ด> ๋‹จ๋ฝ์ž…๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ํ™•์‹คํ•œ ํ•ด๊ฒฐ์ฑ…์€ ์›ํ•˜๋Š” ์ˆ˜์ค€์œผ๋กœ "๋“œ๋ฆด ๋‹ค์šด"ํ•œ ํ›„ ๋ธ”๋ก์„ ๋‹ค์‹œ ์„ ํƒ ์ทจ์†Œ ํ•  ๋•Œ๊นŒ์ง€ ํ•ด๋‹น ์ˆ˜์ค€์— _ ์œ ์ง€ _ํ•˜๋„๋ก ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฆ‰, ์—ด> ์—ด> ๋‹จ๋ฝ, ๋‹จ๋ฝ, ๋‹จ๋ฝ, ์„ ํƒ ์ทจ์†Œ, ๋˜๊ฐ๊ธฐ ๋“ฑ

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

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

https://github.com/WordPress/gutenberg/issues/9628#issuecomment -456637172์—์„œ ์ข‹์€ ์งˆ๋ฌธ์— ๋‹ตํ•˜๋ ค๋ฉด :

๋ถ€๋ชจ ๋ธ”๋ก์˜ ํŒจ๋”ฉ์ด ํ”„๋ŸฐํŠธ ์—”๋“œ์— ๋ฐ˜์˜๋ฉ๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ํŽธ์ง‘๊ธฐ์—์„œ ๋” ๋งŽ์€ ํŒจ๋”ฉ?

์•„๋‹ˆ์š”,์ด ํŒจ๋”ฉ์€ ํŽธ์ง‘๊ธฐ์—๋งŒ ์žˆ์œผ๋ฉฐ _block์ด ์„ ํƒ๋œ ๊ฒฝ์šฐ์—๋งŒ ์žˆ์Šต๋‹ˆ๋‹ค _. ์ด๊ฒƒ์€ ๋ธ”๋ก์ด ์ธํ„ฐํŽ˜์ด์Šค ์›์น™์„ ๊ธฐ๋ฐ˜์œผ๋กœํ•˜๋ฉฐ ํŽธ์ง‘๊ธฐ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

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

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

๋ธ”๋ก์ด ์„ ํƒ๋˜๋ฉด ํŒจ๋”ฉ์ด ๋™์ ์œผ๋กœ ์ถ”๊ฐ€๋ฉ๋‹ˆ๊นŒ?

์˜ˆ, ๋‹ค์†Œ๊ฐ„์ž…๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์ด ๋” ์ž˜ ์„ค๋ช…ํ•˜๊ณ  ๊ทธ๊ฒƒ์— ๋Œ€ํ•œ ๋Š๋‚Œ์„ ์–ป๊ธฐ ์œ„ํ•ด ํ”„๋กœํ†  ํƒ€์ดํ•‘ ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

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

๋‹ค์Œ์€ ๋น ๋ฅธ ์ฝ”๋“œ ํŽœ ํ”„๋กœํ†  ํƒ€์ž…์ž…๋‹ˆ๋‹ค. https://codepen.io/joen/pen/exmMQv?editors=1100

๋‹ค์†Œ ์ •์ ์ด์ง€๋งŒ ์š”์ ์„ ์ดํ•ดํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ๋น ๋ฅธ ์ฝ”๋“œ ํŽœ ํ”„๋กœํ†  ํƒ€์ž…์ž…๋‹ˆ๋‹ค. https://codepen.io/joen/pen/exmMQv?editors=1100

๋‹ค์†Œ ์ •์ ์ด์ง€๋งŒ ์š”์ ์„ ์ดํ•ดํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ์€ ์ •๋ง๋กœ ์š”์ ์„ ์ดํ•ดํ•˜๋Š” ๋ฐ ๋„์›€์ด๋ฉ๋‹ˆ๋‹ค. ํด๋ฆญ์‹œ ํŒŒ์„  ํ…Œ๋‘๋ฆฌ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋‚˜ํƒ€๋‚˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ์•ฝ๊ฐ„ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

https://codepen.io/kjellr/pen/jdEJQb?editors=0110

์ด๊ฒƒ์€ ์™„๋ฒฝํ•ฉ๋‹ˆ๋‹ค, Kjell ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๊ทธ๊ฒƒ์ด ๋ฐ”๋กœ ์ œ๊ฐ€ ์˜๋ฏธํ•˜๋Š” ๋ฐ”์ž…๋‹ˆ๋‹ค. ๊ตฌํ˜„์˜ ์ผ๋ถ€ ์ธก๋ฉด์„ ์กฐ์ •ํ•˜๊ณ  ์ง๊ณ„ ๋ถ€๋ชจ (๋‹จ์ผ ์—ด)๊ฐ€ ํŒจ๋”ฉ์„๋ฐ›์„ ๋•Œ ์–ด๋–ป๊ฒŒ ๋ณด์ด๋Š”์ง€ ์„ค๋ช…ํ•˜๊ณ  ์‹ถ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์€ ๋ฉ‹์ง€๋‹ค! ์ž‘๋™ ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์„ ์ •๋ง๋กœ ์ข‹์•„ํ•œ๋‹ค.
๋” ๋งŽ์€ ๋ธ”๋ก๊ณผ ์ฝ˜ํ…์ธ ๋กœ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•ด PR์„ ๋งŒ๋“ค์–ด์•ผํ•ฉ๋‹ˆ๊นŒ?
์ด๊ฒƒ์ด ์˜ํ–ฅ์„ ๋ฏธ์น  ๋ธ”๋ก์„ ์‹๋ณ„ํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

๋‚˜๋„ ํŒŒ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ง€๊ธˆ์€ Columns ๋ธ”๋ก์—์„œ ํ”„๋กœํ†  ํƒ€์ž…์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์ง€๋งŒ ์ฐฉ๋ฅ™ํ•˜๋ ค๋ฉด์ด _method_๊ฐ€ ๋ชจ๋‘ ์ผ๋ฐ˜์ด์–ด์•ผํ•˜๋ฏ€๋กœ ๋‹ค๋ฅธ ๋ธ”๋ก (๋‹น์‹ ์ด ๋งํ–ˆ๋“ฏ์ด)๋„ ์ด๊ฒƒ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๋ธ”๋ก์ด ์ด๊ฒƒ์„ ์„ ํƒํ•˜์‹ญ์‹œ์˜ค. ์ผ๋‹จ ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์„ ์ˆ˜์‹ ํ•˜๋ฉด Quote ๋ธ”๋ก์ด ์ด๊ฒƒ์„ ๊ฐ–๋Š” ๊ฒƒ์€ ๋ฐฉํ•ด๊ฐ€ ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@gziolo ์–ด๋–ค ์ƒ๊ฐ? ํŠนํžˆ https://github.com/WordPress/gutenberg/issues/9628#issuecomment -456811415์—์„œ Kjell์ด ๋‚™์„œ ํ•œ ์ ‘๊ทผ ๋ฐฉ์‹์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

@gziolo ์–ด๋–ค ์ƒ๊ฐ? ํŠนํžˆ # 9628์—์„œ Kjell์ด ๋‚™์„œ ํ•œ ์ ‘๊ทผ ๋ฐฉ์‹์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค (์ฝ”๋ฉ˜ํŠธ).

๋ฉ‹์ง€๋„ค์š”. ๋งˆ์นจ๋‚ด ํ•„์š”ํ•  ๋•Œ ๋ถ€๋ชจ ๋ธ”๋ก์„ ์‰ฝ๊ฒŒ ์„ ํƒํ•  ์ˆ˜์žˆ๊ฒŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ์œ ์ผํ•œ ์งˆ๋ฌธ์€ ๋‹ค๋ฅธ ์—ด์„ ๋” ์ข๊ฒŒ ๋งŒ๋“œ๋Š” ๋Œ€๊ฐ€๋กœ ์—ด์˜ ๋„ˆ๋น„๋ฅผ ์›๋ž˜ ํฌ๊ธฐ์— ๋” ๊ฐ€๊น๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์— ๋Œ€ํ•ด ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹ญ๋‹ˆ๊นŒ? ํ˜„์žฌ ๋ชจ๋“  ์—ด ์ค‘ ํ•˜๋‚˜๋ฅผ ์„ ํƒํ•˜๋ฉด ๋ชจ๋“  ์—ด์ด ์ถ•์†Œ๋˜์–ด 3 ๊ฐœ ์ด์ƒ์˜ ์—ด์ด์žˆ์„ ๋•Œ ์ตœ์ ์ด ์•„๋‹ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. @jasmussen ๋‹ค๋ฅธ ์งˆ๋ฌธ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ๋Œ€๋‹ตํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

๋‚ด ์œ ์ผํ•œ ์งˆ๋ฌธ์€ ๋‹ค๋ฅธ ์—ด์„ ๋” ์ข๊ฒŒ ๋งŒ๋“œ๋Š” ๋Œ€๊ฐ€๋กœ ์—ด์˜ ๋„ˆ๋น„๋ฅผ ์›๋ž˜ ํฌ๊ธฐ์— ๋” ๊ฐ€๊น๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์— ๋Œ€ํ•ด ์–ด๋–ป๊ฒŒ ์ƒ๊ฐํ•˜์‹ญ๋‹ˆ๊นŒ?

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

๋‹ค๋ฅธ ์งˆ๋ฌธ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ œ๊ฐ€ ๋Œ€๋‹ตํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

๊ธฐ๋ณธ์ ์œผ๋กœ ์—ฌ๊ธฐ์„œ ๋…ผ์˜ํ•˜๋Š” ์ธํ„ฐํŽ˜์ด์Šค๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ž์‹ ๋ธ”๋ก์ด ์„ ํƒ ๋  ๋•Œ ๋ถ€๋ชจ ๋ธ”๋ก์— ํŒจ๋”ฉ์„ ์ถ”๊ฐ€ํ•˜์—ฌ . ์ด _feels_๋Š” Columns ๋ธ”๋ก์— ๋Œ€ํ•œ Kjell์˜ ํ”„๋กœํ†  ํƒ€์ž…์—์„œ ์ข‹์Šต๋‹ˆ๋‹ค. ์„น์…˜ ๋ธ”๋ก๊ณผ ๊ฐ™์€ ๋‹ค๋ฅธ ๋ธ”๋ก์ด๋‚˜ ํ•˜์œ„ ์ฝ˜ํ…์ธ ๊ฐ€ ๋‚ด๋ถ€์˜ ๋ชจ๋“  ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ณต๊ฐ„์„ ์ฑ„์šธ ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์€ ๋‹ค๋ฅธ ๋ธ”๋ก์—์„œ ๋งค์šฐ ํ™˜์˜๋ฐ›์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์•„์ง ์ค‘์ฒฉ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์ง€๋งŒ ์•ž์œผ๋กœ ๊ทธ๋ ‡๊ฒŒ ํ•  ๊ฐ€๋Šฅ์„ฑ์ด์žˆ๋Š” Quote ๋ธ”๋ก๊ณผ ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ์ข‹์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๋ชจ๋“  ๋ธ”๋ก์— ๋Œ€ํ•ด _generic_, ๊ธฐ๋ณธ์ ์œผ๋กœ _off_ ์ธ ๋ฐฉ์‹์œผ๋กœ ๋ถ€๋ชจ ์„ ํƒ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ตœ์„ ์˜ ์ ‘๊ทผ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ œ์•ˆ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์ค‘์ฒฉ ๋œ ๋ธ”๋ก (ํ˜„์žฌ ์—ด, ๋ฏธ๋””์–ด ๋ฐ ํ…์ŠคํŠธ)์„ ํฌํ•จํ•˜๋Š” ๋ชจ๋“  ๋ธ”๋ก์€ .editor-inner-blocks ํด๋ž˜์Šค๋ฅผ ๋ Œ๋”๋งํ•˜๋Š”์ด InnerBlocks ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.
https://github.com/WordPress/gutenberg/blob/16a718a4bf359c53f0fb9c3626b08e2434a6fd7d/packages/editor/src/components/inner-blocks/index.js#L103
์ด๊ฒƒ์€ ๋ชจ๋“  ์ค‘์ฒฉ ๋ธ”๋ก์—์„œ ์ž‘๋™ํ•˜๋Š” ์ผ๋ฐ˜์ ์ธ ์†”๋ฃจ์…˜์„ ์ฐพ๋Š” ๋ฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ .is-selected ๊ฐ€ ํ•˜์œ„ ์š”์†Œ ์ค‘ ํ•˜๋‚˜์— ์ ์šฉ๋˜๋ฏ€๋กœ ๊นŒ๋‹ค๋กœ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Edit: CSS์—์„œ๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ. ์ค‘์ฒฉ ๋œ ๋ธ”๋ก ์ค‘ ํ•˜๋‚˜๊ฐ€ ์„ ํƒ๋˜์—ˆ๋‹ค๋Š” ์ •๋ณด๋ฅผ ๋…ธ์ถœํ•˜๊ธฐ ์œ„ํ•ด ๋ถ€๋ชจ์˜ ์ƒํƒœ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํ•ญ์ƒ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. @jorgefilipecosta ์™€ @aduth ๋Š” ์ค‘์ฒฉ ๋ธ”๋ก์œผ๋กœ ๋งŽ์€ ์‹œ๊ฐ„์„ ๋ณด๋ƒˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ๋” ๋งŽ์€ ํ†ต์ฐฐ๋ ฅ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. :)

๋”ฐ๋ผ์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ชจ๋“  ๋ธ”๋ก์— ๋Œ€ํ•ด ์ผ๋ฐ˜์ ์ธ ๋ฐฉ์‹์œผ๋กœ ๋ถ€๋ชจ ์„ ํƒ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์ง€๋งŒ ๋ธ”๋ก์ด ์†Œํ’ˆ์„ ์‚ฌ์šฉํ•˜๋„๋ก ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

์ค‘์ฒฉ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”์ด ์ ‘๊ทผ ๋ฐฉ์‹์— ๋Œ€ํ•ด ์–ด๋–ค ๋ธ”๋ก์„ ๊ณ ๋ คํ•˜์‹ญ๋‹ˆ๊นŒ?

๊ฐค๋Ÿฌ๋ฆฌ๋Š” ํฅ๋ฏธ๋กœ์šด ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์†”์งํžˆ ์ €๋Š” ๊ทธ๋ฆฌ๋“œ ๋ ˆ์ด์•„์›ƒ ๋ธ”๋ก, ํƒญ ๊ทธ๋ฃน ๋ธ”๋ก ๋˜๋Š” ๊ธฐํƒ€ ์œ ์‚ฌํ•œ "ํŽ˜์ด์ง€ ๋นŒ๋“œ"๋ธ”๋ก๊ณผ ๊ฐ™์€ ๊ณ ๊ธ‰ ๋ ˆ์ด์•„์›ƒ ๋ธ”๋ก์„ ์ฃผ๋กœ ์ƒ๊ฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํŠน์ • ์ฝ˜ํ…์ธ ๋Š”์ด ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„์•ผํ•ฉ๋‹ˆ๋‹ค.

์†”์งํžˆ ์ €๋Š” ๊ทธ๋ฆฌ๋“œ ๋ ˆ์ด์•„์›ƒ ๋ธ”๋ก, ํƒญ ๊ทธ๋ฃน ๋ธ”๋ก ๋˜๋Š” ๊ธฐํƒ€ ์œ ์‚ฌํ•œ "ํŽ˜์ด์ง€ ๋นŒ๋“œ"๋ธ”๋ก๊ณผ ๊ฐ™์€ ๊ณ ๊ธ‰ ๋ ˆ์ด์•„์›ƒ ๋ธ”๋ก์„ ์ฃผ๋กœ ์ƒ๊ฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํŠน์ • ์ฝ˜ํ…์ธ ๋Š”์ด ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„์•ผํ•ฉ๋‹ˆ๋‹ค.

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

๋‚˜๋Š” ๊ทธ๊ฒƒ๋“ค์ด ๋ชจ๋‘ ์ปจํ…Œ์ด๋„ˆ ๋ธ”๋ก ๋ฒ”์ฃผ์— ์ ํ•ฉ ํ•  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๊ตฌํ˜„ ์„ธ๋ถ€ ์‚ฌํ•ญ์œผ๋กœ InnerBlocks๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•˜๋ฏ€๋กœ์ด ๋ฒ”์ฃผ์— ๋งž์•„์•ผํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ Quote ๋ธ”๋ก์€ ์ค‘์ฒฉ ๊ธฐ๋Šฅ์„ ๋ฐ›์•˜์„ ๋•Œ ๋‚ด๋ถ€ ๋ธ”๋ก๋„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

๊ทธ๋Ÿฌ๋‚˜ Quote ๋ธ”๋ก์€ ์ค‘์ฒฉ ๊ธฐ๋Šฅ์„ ๋ฐ›์•˜์„ ๋•Œ ๋‚ด๋ถ€ ๋ธ”๋ก๋„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

์˜ˆ, ์ธ์šฉ๋ฌธ, ๋ชฉ๋ก, ํ‘œ์ง€-์ด 3 ๊ฐœ๋Š” ๊ณผ๊ฑฐ์— ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์œผ๋กœ ๋ณ€ํ™˜ ๋œ ๊ฒƒ์œผ๋กœ ๊ฐ„์ฃผ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํ•œ ๊ฐ€์ง€ ์šฐ๋ ค ์‚ฌํ•ญ (์‹คํ—˜์„ ์ฐจ๋‹จํ•ด์„œ๋Š” ์•ˆ๋˜์ง€๋งŒ ์ฃผ๋ชฉํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค!)์€ ์—ด ๋ธ”๋ก์ด ์–ผ๋งˆ๋‚˜ ์ข์„ ์ˆ˜ ์žˆ๊ณ  ํŽธ์ง‘ ๋ชจ๋“œ ๋„๊ตฌ์— ์–ด๋–ค ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š”์ง€ ์ธก๋ฉด์—์„œ ์ด๋ฏธ ๋ช‡ ๊ฐ€์ง€ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด ์ œ์•ˆ์€ ์ƒํ˜ธ ์ž‘์šฉ์„ ํŽธ์ง‘ํ•˜๋Š” ๋™์•ˆ ์—ด์„ ๋”์šฑ _ ์ข๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋กœ ์ธํ•ด ์ด๋Ÿฌํ•œ ์ข์€ ๋ฌธ์ œ๊ฐ€ ๋‹ค์‹œ ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ ๋ฌธ์ œ๊ฐ€ ๋  ์ˆ˜๋„ ์žˆ๊ณ  ์•„๋‹ ์ˆ˜๋„์žˆ๋Š” ์ผ๋Œ€์ผ ํŽธ์ง‘ /๋ณด๊ธฐ ํŒจ๋ฆฌํ‹ฐ์—์„œ ๋” ๋ฉ€๋ฆฌ ๋ฐ€์–ด๋ƒ…๋‹ˆ๋‹ค. ์ด๋ฏธ InnerBlocks๊ฐ€์žˆ๋Š” ์‚ฌ์šฉ์ž ์ง€์ • ๋ธ”๋ก์—์„œ ์ด์™€ ๋น„์Šทํ•œ ์ž‘์—… (์„ ํƒ์‹œ ์ถ”๊ฐ€ ํŒจ๋”ฉ)์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์ž˜ ์ž‘๋™ํ•˜์ง€๋งŒ ํŽธ์ง‘๋ณด๊ธฐ๊ฐ€ ์ •ํ™•ํ•˜์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ชจ๋“  ๋ธ”๋ก์— ๋Œ€ํ•ด ์ผ๋ฐ˜์ ์ธ ๋ฐฉ์‹์œผ๋กœ ๋ถ€๋ชจ ์„ ํƒ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์ง€๋งŒ ๋ธ”๋ก์ด ์†Œํ’ˆ์„ ์‚ฌ์šฉํ•˜๋„๋ก ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Jetpack Form ๋ธ”๋ก์„ ๊ตฌ์ถ• ํ•  ๋•Œ ์ด์™€ ๊ฐ™์€ ๊ฒƒ์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ์ข‹์•˜์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋˜ํ•œ ๋ฌธ์ œ๊ฐ€ ๋  ์ˆ˜๋„ ์žˆ๊ณ  ์•„๋‹ ์ˆ˜๋„์žˆ๋Š” ์ผ๋Œ€์ผ ํŽธ์ง‘ /๋ณด๊ธฐ ํŒจ๋ฆฌํ‹ฐ์—์„œ ๋” ๋ฉ€๋ฆฌ ๋ฐ€์–ด๋ƒ…๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์ด ์„ ํƒ๋œ ์ƒํƒœ์™€ ์„ ํƒ๋˜์ง€ ์•Š์€ ์ƒํƒœ ์‚ฌ์ด์— ์•ฝ๊ฐ„์˜ ๋ณ€ํ™”๋ฅผ ๊ฐ€์ ธ๋„ ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ 3 ๊ฐœ ๊นŠ์ด๋กœ ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์ด ์žˆ์œผ๋ฉด ์–ด๋–ป๊ฒŒ๋ฉ๋‹ˆ๊นŒ? ๋‘ ๋ฒˆ์งธ ์ˆ˜์ค€์ด ๋ถ€๋ชจ ๋ธ”๋ก ์ธ ๊ฒฝ์šฐ ํŒจ๋”ฉ ์˜ต์…˜์ด ๋‘ ๋ฒˆ์งธ ์ˆ˜์ค€์œผ๋กœ ํ™•์žฅ๋ฉ๋‹ˆ๊นŒ?

@mapk

๋˜ํ•œ 3 ๊ฐœ ๊นŠ์ด๋กœ ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์ด ์žˆ์œผ๋ฉด ์–ด๋–ป๊ฒŒ๋ฉ๋‹ˆ๊นŒ? ๋‘ ๋ฒˆ์งธ ์ˆ˜์ค€์ด ๋ถ€๋ชจ ๋ธ”๋ก ์ธ ๊ฒฝ์šฐ ํŒจ๋”ฉ ์˜ต์…˜์ด ๋‘ ๋ฒˆ์งธ ์ˆ˜์ค€์œผ๋กœ ํ™•์žฅ๋ฉ๋‹ˆ๊นŒ?

์˜ํ–ฅ์„๋ฐ›๋Š” ๋ชจ๋“  ์ˆ˜์ค€์˜ ์ค‘์ฒฉ์˜ ํŒจ๋”ฉ์€ ๊นŠ์ด ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์„ ์„ ํƒํ•  ๋•Œ ์ผ๋ถ€ ํฐ ํฌ๊ธฐ ์ฆ๊ฐ€ ๋ฐ ๊ฐ์†Œ๋ฅผ ์ดˆ๋ž˜ํ•  ์ˆ˜์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋“ค๋ฆฝ๋‹ˆ๋‹ค (์˜ˆ : ์„น์…˜์˜ ํ–‰์—์žˆ๋Š” ์—ด์˜ ์ธ์šฉ๋ฌธ์—์žˆ๋Š” ๋‹จ๋ฝ). ์ด์ƒ์ ์œผ๋กœ๋Š” ๋ธ”๋ก์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ๋‹ค๋ฅธ ๋ชจ๋“  ๋ธ”๋ก์˜ ๋ชจ์–‘์„ ํฌ๊ฒŒ ๋ณ€๊ฒฝํ•ด์„œ๋Š” ์•ˆ๋˜๋ฏ€๋กœ ์ง๊ณ„ ๋ถ€๋ชจ์˜ ๊ฐ„๊ฒฉ์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ๋งŒ์œผ๋กœ๋„ ์ถฉ๋ถ„ ํ•ด ๋ณด์ž…๋‹ˆ๋‹ค.

์ง๊ณ„ ์ƒ์œ„๋ฅผ ์„ ํƒํ•  ์ˆ˜์žˆ๋Š” ํ•œ ์ƒ์œ„๋ฅผ ์„ ํƒํ•˜๋ฉด ์ƒ์œ„๋ฅผ ์‰ฝ๊ฒŒ ์„ ํƒํ•  ์ˆ˜์žˆ๊ฒŒ๋˜๋Š” ๋“ฑ์˜ ๋ฐฉ์‹์œผ๋กœ ์ƒ์œ„ ๊ณ„์ธต์—์„œ ์ž‘์—… ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ธ”๋ก ํƒ์ƒ‰ ๋ฉ”๋‰ด๋Š” ๋” ๋น ๋ฅธ ์•ก์„ธ์Šค๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ผ๋ถ€ ์‚ฌ๋žŒ๋“ค์ด ์ด์ „์— ์ œ์•ˆํ–ˆ๋“ฏ์ด ๊ณ ์ • ๊ฐ€๋Šฅํ•œ ์‚ฌ์ด๋“œ ๋ฐ”๋กœ ๋งŒ๋“ค์–ด์„œ ๋น ๋ฅด๊ฒŒ ์•ก์„ธ์Šค ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. (# 11408 ๋ฐ # 11688 ์ฐธ์กฐ.)

ํŒจ๋”ฉ ๋ณ€๊ฒฝ์€ ์„ ํƒํ•œ ๋ธ”๋ก๊ณผ ์ง๊ณ„ ํ•˜์œ„ ํ•ญ๋ชฉ์—๋งŒ ์˜ํ–ฅ์„ ์ฃผ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด์ด ์ž‘์—…์— ์˜ํ–ฅ์„ ๋ฏธ์น  ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•˜์—ฌ Columns Block์— Vertical Alignment๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๋Š” ์ž‘์—…์ด _individual_ Columns๋ฅผ ์„ ํƒ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ ๋‹ค (์ด์ „์—๋Š” ์„ ํƒํ•  ์ˆ˜ ์—†์—ˆ ์Œ).

https://github.com/WordPress/gutenberg/pull/13899

Columns Block์— ์ˆ˜์ง ์ •๋ ฌ์„ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ์ฐฉ๋ฅ™ํ•˜๋ ค๋Š” ์ž‘์—…์€ _individual_ Columns๋ฅผ ์„ ํƒ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค (์ด์ „์—๋Š” ์„ ํƒํ•  ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค)

์—ฌ๊ธฐ์— ์ฃผ๋ชฉ ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด์ด ์ƒํ˜ธ ์ž‘์šฉ์„ ์กฐ๋งŒ๊ฐ„ ์ •๋ฆฌํ•ด์•ผํ•˜๋Š” ์ด์œ ์ž…๋‹ˆ๋‹ค.

๋ธ”๋ก ํ…Œ๋‘๋ฆฌ์™€ ๊ด€๋ จํ•˜์—ฌ ์˜ค๋Š˜ ์ผ์ฐ @jasmussen ๊ณผ ๋…ผ์˜ํ•œ ๋‚ด์šฉ์„ ๊ณต์œ ํ•˜๊ณ  ์‹ถ์—ˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ์œ„์˜ ์ผ๋ถ€ ๋ชจํ˜• ์—์„œ

simple-complex-blocks

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

@kjellr ์ •๋ง ์ข‹์•„์š”. ๊ทธ๊ฒƒ์€ ๊ตฌ์กฐ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๋งค์šฐ ๋ช…ํ™•ํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

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

๊ทธ๋ƒฅ ํฐ ์†Œ๋ฆฌ๋กœ ์ƒ๊ฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์‹œ๋ ฅ์ด ์ข‹์€ ์‚ฌ์šฉ์ž๋กœ์„œ์˜ ์™ธ๋ชจ๊ฐ€ ์ •๋ง ๋งˆ์Œ์— ๋“ค์ง€๋งŒ, ๋‚ด ๋งˆ์Œ์— ๋“œ๋Š” ํ”ผ๋“œ๋ฐฑ๋งŒ์œผ๋กœ๋Š” ์ถฉ๋ถ„ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. :)

๋‚ด ํ™”๋ฉด์—๋Š” ์ฒ˜์Œ์—๋Š” ์ ์„ ๋„ ๋ณด์ด์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋‚ด ํ™”๋ฉด์ด ์•ฝ๊ฐ„ ๊ธฐ์šธ์–ด์ง€๋ฉด ๊ฑฐ์˜ ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ ‘๊ทผ์„ฑ์ด ๋–จ์–ด์งˆ ๊ฒฝ์šฐ ๋Œ€๋น„๋ฅผ ๋‚ฎ์ถœ ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. _little_ ๋ผ์ดํ„ฐ์ด๊ณ  ๋‹ค๋ฅธ border-style ์‚ฌ์šฉํ•˜๋Š” ํ•œ ์ž˜ ์ž‘๋™ ํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ์›๋ž˜ ๋Œ“๊ธ€์—์„œ ๋” ๋ช…ํ™•ํ•ด์•ผํ–ˆ์Šต๋‹ˆ๋‹ค. Joen๊ณผ ์ด์•ผ๊ธฐํ•˜๋Š” ๋™์•ˆ ๋ช‡ ๋ถ„ ๋งŒ์— ๋ชจํ˜•์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹œ ํ™”๋ฉด์— ์žˆ๋˜ ํšŒ์ƒ‰์—์„œ ๋ฌด์ž‘์œ„๋กœ ์ƒ‰์ƒ์„ ์„ ํƒํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ˜„ ์ •ํ™•ํ•œ ์Œ์˜์€ ์ตœ์ข… ์†”๋ฃจ์…˜์„ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์ผ๋ฐ˜์ ์ธ ์ ‘๊ทผ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.

๋ถ€๋ชจ ๋ธ”๋ก์— ํŒจ๋”ฉ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๋‚ด๋ถ€ ๋ธ”๋ก์ด ํ”„๋ŸฐํŠธ ์—”๋“œ (# 14148 # 14169)์™€ ์ผ์น˜ํ•˜์ง€ ์•Š๊ฒŒํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•œ ์šฐ๋ ค์— ๋Œ€ํ•œ ์‘๋‹ต์œผ๋กœ ๋‹ค๋ฅธ ์•„์ด๋””์–ด๋ฅผ ์ž‘์—…ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฅผ ์œ„ํ•ด์„œ๋Š” ๋” ๋งŽ์€ ๊ฐœ๋ฐœ์ด ํ•„์š”ํ•˜์ง€๋งŒ ์ข‹์€ ์˜ต์…˜์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

์Šคํฌ๋ฆฐ ์บ์ŠคํŠธ

selecting

InVision ํ”„๋กœํ†  ํƒ€์ž…

https://wp.invisionapp.com/share/EGQRWRC8MFT

์žฅ์ 

  1. ๋‚ด๋ถ€ ๋ธ”๋ก์€ ์ ์ ˆํ•œ ๋„ˆ๋น„๋กœ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค.
  2. ๋‚ด๋ถ€ ๋ธ”๋ก์€ ์‹œ๊ฐ์ ์œผ๋กœ ํ”„๋ŸฐํŠธ ์—”๋“œ์™€ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค.
  3. ์„ ํƒํ•œ ๋ธ”๋ก ํฌ๊ธฐ ๋ณ€๊ฒฝ์€ ์ด๋ฏธ ์‚ฌ์šฉ ๋œ ํŒจํ„ด์ž…๋‹ˆ๋‹ค.

๋‹จ์ 

  1. ๋ธ”๋ก ์„ ํƒ (๋„ˆ๋น„)์„ ์ผ๋ฐ˜ ๋ธ”๋ก ์„ ํƒ ์ด์ƒ์œผ๋กœ ํ™•์žฅํ•˜๋Š” ๊ฒƒ์€ ์ƒˆ๋กœ์šด ํŒจํ„ด์ž…๋‹ˆ๋‹ค.
  2. ๋ธ”๋ก์ด ์ „์ฒด ๋„ˆ๋น„๋กœ ์„ค์ •๋˜์—ˆ์„ ๋•Œ ์ด๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.

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

๊ทธ๊ฒƒ์„ ํŒŒ์‹ญ์‹œ์˜ค. ๋ธ”๋ก ๋„๊ตฌ ๋ชจ์Œ์ด ์™ผ์ชฝ ํ…Œ๋‘๋ฆฌ์™€ ๊ฐ™์€ ๋†’์ด๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์‹ถ์ง€๋งŒ ์ด๊ฒƒ์ด ๊ตฌํ˜„ ์„ธ๋ถ€ ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋” ์ปค์งˆ ์ˆ˜์—†๋Š” ์ž‘์€ ํ™”๋ฉด์—์„œ๋Š” ๋„์ „์ด ๋  ๊ฒƒ์ด์ง€๋งŒ, ํ•ด๊ฒฐ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค.

ํŠนํžˆ ์ด๋Ÿฌํ•œ ์ ‘๊ทผ ๋ฐฉ์‹์€ ๋‚ด๋ถ€ ๋ธ”๋ก์ด์žˆ๋Š” _any_ ๋ธ”๋ก์œผ๋กœ ํ™•์žฅ ๋  ์ˆ˜์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค. ์‹ฌ์ง€์–ด๋Š” ์„ ํƒ์ด ๊ฐ€๋Šฅํ•œ ํ•œ ๋ฐฉํ•ด๋ฐ›์ง€ ์•Š์•„์•ผํ•˜๋Š” ๊ธฐ๋ณธ ํ…์ŠคํŠธ ๋ธ”๋ก ์ธ Quote ๋ธ”๋ก๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.

์ •๋ง๋กœ, ์ •๋ง๋กœ ๋‹น์‹ ์˜ ์ž‘์—…์„ ํŒŒํ—ค์ณ ๋ผ, Kjell โ€“ ๊ทธ๊ฒƒ์€ Mark์˜ ์•„์ด๋””์–ด๋กœ ๋ณด์ด์ง€ ์•Š๊ฒŒ ์ž‘๋™ ํ•  ์ˆ˜์žˆ์„๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, _ ํ•„์š”ํ•  ๋•Œ _ ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๋ฅผ ๊ฐ•์กฐํ•˜๋Š” ๋ฐ ๋„์›€์ด๋˜์ง€๋งŒ, ์ž‘์„ฑํ•˜๊ณ  ์‹ถ์„ ๋•Œ ํ๋ฆ„์„ ๊นจ๋œจ๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ™•์‹คํ•œ ๋ฐฉํ–ฅ์œผ๋กœ ๋Š๊ปด์ง€๊ณ , ์šฐ๋ฆฌ์—๊ฒŒ ํ•„์š”ํ•œ ๊ฒƒ์€ ๋‹ค์Œ์— ๋Œ€ํ•œ ๊ฐ•๋ ฅํ•œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.

๊ตฌํ˜„ ์ฐธ๊ณ  ์‚ฌํ•ญ์—์„œ-์ ์„  ๋ถ€๋ชจ๋Š” ์ด๋ก ์ ์œผ๋กœ ์„ ํƒํ•œ ๋ธ”๋ก๊ณผ ๋™์ผํ•œ ์ƒ‰์ƒ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์ง€๋งŒ ์ ์„ ์œผ๋กœ ์ธํ•ด ์—ฌ์ „ํžˆ ๋ณด์กฐ๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ถ€๋ชจ๋ฅผ ๊ฐ€๋ฆฌํ‚ฌ ๋•Œ ์œค๊ณฝ์„ ์ด ๋‹จ์ƒ‰์ด ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํด๋ฆญ ํ•  ๋•Œ ์ผ์–ด๋‚  ์ผ์„ ๋‚˜ํƒ€ ๋‚ด๊ธฐ ์œ„ํ•ด _child_ (๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€๋ฆฌํ‚ฌ ๋•Œ ์„ ํƒํ•œ ๊ฒƒ)๋ฅผ ํŒŒ์„ ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ตฌํ˜„ ์ฐธ๊ณ  ์‚ฌํ•ญ์—์„œ-์ ์„  ๋ถ€๋ชจ๋Š” ์ด๋ก ์ ์œผ๋กœ ์„ ํƒํ•œ ๋ธ”๋ก๊ณผ ๋™์ผํ•œ ์ƒ‰์ƒ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์ง€๋งŒ ์ ์„ ์œผ๋กœ ์ธํ•ด ์—ฌ์ „ํžˆ ๋ณด์กฐ๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ถ€๋ชจ๋ฅผ ๊ฐ€๋ฆฌํ‚ฌ ๋•Œ ์œค๊ณฝ์„ ์ด ๋‹จ์ƒ‰์ด ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํด๋ฆญ ํ•  ๋•Œ ์ผ์–ด๋‚  ์ผ์„ ๋‚˜ํƒ€ ๋‚ด๊ธฐ ์œ„ํ•ด _child_ (๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€๋ฆฌํ‚ฌ ๋•Œ ์„ ํƒํ•œ ๊ฒƒ)๋ฅผ ํŒŒ์„ ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์˜ˆ! ๋‚˜๋Š” ๊ทธ๊ฒƒ๋„ ์™„์ „ํžˆ ์ž‘๋™ ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. # 14145๊ฐ€ ์–ด๋””๋กœ ๊ฐ€๋Š”์ง€๋ณด๊ณ  ๊ฑฐ๊ธฐ์—์„œ ์น˜๋ฃŒ๋ฒ•์„ ์•Œ์•„ ๋ด…์‹œ๋‹ค. ๐Ÿ‘

๋˜ํ•œ ๋‹จ์ผ ์—ด์„ ์„ ํƒ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ค์—ˆ์„ ๋•Œ ํ…Œ๋‘๋ฆฌ๋ฅผ ์ˆ˜์ •ํ–ˆ์ง€๋งŒ PR ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚œ ๊ฒƒ์œผ๋กœ ์ œ๊ฑฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋ถ„๋ช…ํžˆ UX ๊ฐœ์„ ์ฒ˜๋Ÿผ ๋Š๊ปด์กŒ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ํ–ฅํ•˜๋Š” ๋ฐฉ์‹์„ ์‚ฌ๋ž‘ํ•ฉ๋‹ˆ๋‹ค!

์ฐธ๊ณ  : ์œ„์˜ ์•„์ด๋””์–ด ๋ฅผ ํƒ์ƒ‰์„์œ„ํ•œ ๋ณ„๋„์˜ ๊ฐ„๊ฒฐํ•œ ๋ฌธ์ œ๋กœ ์ „ํ™˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ๋ฅผ ๋”ฐ๋ฅด์‹ญ์‹œ์˜ค.

https://github.com/WordPress/gutenberg/issues/14935

๋ˆ„๊ตฌ๋“ ์ง€ ์ž๋…€๊ฐ€ ์„ ํƒ๋˜์—ˆ์„ ๋•Œ ๋ถ€๋ชจ ๋ธ”๋ก์— has-child-selected ํด๋ž˜์Šค๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ์ด๊ฒƒ์ด ์‹œ์ž‘ํ•˜๋Š” ๋ฐ์žˆ์–ด ์œ ์ผํ•œ ์ฐจ๋‹จ๊ธฐ์ž…๋‹ˆ๋‹ค.

์ƒˆ๋กœ ๋„์ž… ๋œ ๊ทธ๋ฃน ๋ธ”๋ก์„ ํ…Œ์ŠคํŠธ ํ•œ ํ›„ ๋ฐœ๊ฒฌ ํ•œ ๊ด€๋ จ ๋ฌธ์ œ :

ํ˜„์žฌ ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ์ ์€ ๊ทธ๋ฃน ๋ธ”๋ก์„ ์‚ฝ์ž… ํ•  ๋•Œ ์‹ค์ œ๋กœ ๋ณด์ด๋Š” ๊ฒƒ์ด ๋‹จ๋ฝ ๋ธ”๋ก์ด๋ผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Screen Shot 2019-04-11 at 17 17 37

Screen Shot 2019-04-11 at 17 18 21

์ ์–ด๋„ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

Screen Shot 2019-04-11 at 17 21 44

๋˜๋Š” @mtias ๊ฐ€ ๋ธ”๋ก ํƒ์ƒ‰ ๊ธฐ๋Šฅ์„ ์žฌ์‚ฌ์šฉํ•˜์—ฌ ๋น„๊ณต๊ฐœ ์ฑ„ํŒ…์—์„œ ์ œ์•ˆํ•œ ๋‚ด์šฉ :

Screen Shot 2019-04-11 at 17 27 51

_ ๊ทธ๊ฒƒ๋“ค์€ ๊ฒฐ์ฝ” ์ตœ์ข… ๋””์ž์ธ ์ œ์•ˆ์ด ์•„๋‹™๋‹ˆ๋‹ค ๐Ÿ˜ƒ_

@gziolo ๊ทธ ๋ฌธ์ œ๋Š” # 14241๋กœ ํ•ด๊ฒฐ ๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋‹น์‹ ๊ณผ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค, btw, ๊ทธ๋ž˜์„œ ๊ณง ๊ทธ๊ฒƒ์„ ๋ฐœ์†กํ•˜๊ฒŒ๋˜์–ด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค :)

@gziolo ๊ทธ ๋ฌธ์ œ๋Š” # 14241๋กœ ํ•ด๊ฒฐ ๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋‹น์‹ ๊ณผ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค, btw, ๊ทธ๋ž˜์„œ ๊ณง ๊ทธ๊ฒƒ์„ ๋ฐœ์†กํ•˜๊ฒŒ๋˜์–ด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค :)

์Œ, ๋ถ€๋ถ„์ ์œผ๋กœ ๋งํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด ์ƒˆ๋กœ์šด ์‚ฌ์šฉ์ž ์ •์˜ ์‚ฝ์ž…๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‹จ๋ฝ์„ ์‚ฝ์ž…ํ•˜๋ฉด ๋‹ค์‹œ ์›์ ์œผ๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค ๐Ÿคทโ€โ™‚๏ธ

# 14935๊ฐ€ ์—ฌ๊ธฐ์„œ๋„ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ํ˜„์žฌ ์„ ํƒ๋œ ๋ธ”๋ก์ด ์ค‘์ฒฉ๋˜๋„๋กํ•˜๋Š” ๋” ๋งŽ์€ ๋ฐฉ๋ฒ•์„ ๊ฐ€์ง€๋ ค๋ฉด ์‚ฌ์ด๋“œ ๋ฐ”์—์„œ ๋ช‡ ๊ฐ€์ง€ ์˜ต์…˜์„ ํƒ์ƒ‰ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

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

https://github.com/WordPress/gutenberg/issues/13309#issuecomment -458452168

๋‹จ์ˆœํ•˜๊ณ  ๋น„๊ต์  ์šฐ์•„ํ•˜๋ฉฐ์ด ๋ฌธ์ œ (9628)์—๋„ ๋„์›€์ด๋ฉ๋‹ˆ๋‹ค.

์œ„์˜ ์•„์ด๋””์–ด ์ค‘ ์ผ๋ถ€์— ๋Œ€ํ•œ ๋ฐ˜๋ณต์„ ๋˜์ง‘๋‹ˆ๋‹ค.

๋ธ”๋ก ๋ณ€ํ˜• / ์Šคํƒ€์ผ์„ ์ „์šฉ ํ•ญ๋ชฉ์œผ๋กœ ์ด๋™ํ•˜๊ณ  ๋ธ”๋ก ์•„์ด์ฝ˜์„ ์ž์ฒด "๋ธ”๋ก ํŠธ๋ฆฌ"ํŒจ๋„๋กœ ๋งŒ๋“ค๋ฉด ์–ด๋–จ๊นŒ์š”?

Frame

๋ธ”๋ก ๋ณ€ํ™˜ / ์Šคํƒ€์ผ์˜ ๊ฐ€์‹œ์„ฑ์„ ๋†’์ด๊ณ  ์‚ฌ๋žŒ๋“ค์ด ๋‹ค๋ฅธ ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์œผ๋กœ ์ข€ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€ ์ค„ ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๋” ๋ณต์žกํ•œ ์˜ˆ์ œ์˜ ๋ชจํ˜•์ž…๋‹ˆ๋‹ค.

Frame-1

(๋‘ ์ปดํฌ์ง€์…˜ ๋ชจ๋‘ # 14961์˜ ์œค๊ณฝ์„  / ํŒจ๋”ฉ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.)

๋งค์šฐ ํฅ๋ฏธ๋กœ์›Œ ๋ณด์ด๋Š” Kjell! ๊ทธ๋Ÿฐ ๋‹ค์Œ ๋ธ”๋ก ํƒ์ƒ‰ ์˜์—ญ๊ณผ ์—ฐ๊ฒฐ๋˜์–ด ๋‘˜ ์‚ฌ์ด์˜ ์ผ๊ด€์„ฑ์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ๋ธ”๋ก ํƒ์ƒ‰์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์šฐ๋ฉด ๋™์ผํ•œ ํ•™์Šต์ด ์ค‘์ฒฉ ๋œ ๋ธ”๋ก์„ ๊ณ„์† ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ฐœ๋…์  ์ˆ˜์ค€์—์„œ ๋ชฉ์—…์„ ์ •๋ง ์ข‹์•„ํ•˜์ง€๋งŒ ์‹คํ–‰์— ๋Œ€ํ•œ ๋ฌด์–ธ๊ฐ€๊ฐ€ ์•ฝ๊ฐ„ ์กฐ๋ฐ€ํ•˜๋‹ค๊ณ  ๋Š๋‚๋‹ˆ๋‹ค. ํ•„์—ฐ์ ์œผ๋กœ ๋” ๋‚˜์€ ์•„์ด๋””์–ด๊ฐ€ ์žˆ๋Š”์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ, ์ข€ ๋” ๊ฐ€๋ณ๊ฒŒ ๋Š๋‚„ ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

๋ธ”๋ก ๊ตฌ์กฐ์˜ ๋น ๋ฅธ ๊ฐœ์š”๋ฅผ ์ฐพ๋Š” ๋ฐ ์–ด๋ ค์›€์„ ๊ฒช์—ˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์œผ๋ฏ€๋กœ์ด ๊ฐœ๋…์€์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ ์ข‹์€ ์•„์ด๋””์–ด์ž…๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ ๋‚ด ๊ด€์‹ฌ์‚ฌ๋Š” @chrisvanpatten๊ณผ ์œ ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ž˜ ์ƒ๊ฐํ–ˆ์ง€๋งŒ ๋งŽ์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  1. ํŠน์ • ์ปจํ…์ŠคํŠธ์˜ ์ผ๋ถ€ ๋ธ”๋ก์—๋Š” ๋“œ๋กญ ๋‹ค์šด์„ ํ‘œ์‹œํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค.

Edit Post โ€น Gutenberg Dev โ€” WordPress(12)

๋ฏน์Šค์— ๋‹ค๋ฅธ ์‰๋ธŒ๋ก ์„ ์ถ”๊ฐ€ํ•˜๋ฉด (ํšŒ์ƒ‰์ด๊ณ  ์˜ค๋ฅธ์ชฝ์„ ํ–ฅํ•˜์ง€๋งŒ) ๊ตฌ๋ฌธ ๋ถ„์„์ด ๋” ์–ด๋ ค์›Œ ์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ๋‹ค๋ฅธ ๋ฌธ์ œ๋Š” ๋„๊ตฌ ๋ชจ์Œ์ด ๊ธธ์–ด์ง€๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํฐ ๋ฌธ์ œ๋Š” ์•„๋‹ˆ์ง€๋งŒ https://github.com/WordPress/gutenberg/issues/10524 ๋ฐ https://github.com/WordPress/gutenberg/issues/ ์•„์ด์ฝ˜์— ๋Œ€ํ•œ ๋ ˆ์ด๋ธ”์„ ํฌํ•จ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์„ ํƒ๊ตฌํ•˜๋Š” ๋™์•ˆ ์ˆ™๊ณ ํ•ด์•ผ ํ•  ๋ช‡ ๊ฐ€์ง€ ์ƒ๊ฐ. ์ด๊ฒƒ์€ ์ง„ํ–‰ ์ƒํ™ฉ์„ ์ „๋‹ฌํ•˜๋Š” ๊ฐ€์žฅ ๊ฐ„๋‹จํ•œ ์ ‘๊ทผ ๋ฐฉ์‹ ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ข€ ๋” ๊ฐ€๋ณ๊ฒŒ ๋Š๋‚„ ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

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

Screen Shot 2019-07-18 at 1 47 51 PM

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

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

Frame

๋‹ค๋ฅธ ๋ฌธ์ œ๋Š” ๋„๊ตฌ ๋ชจ์Œ์ด ๊ธธ์–ด์ง€๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํฐ ๋ฌธ์ œ๋Š” ์•„๋‹ˆ์ง€๋งŒ ์•„์ด์ฝ˜ # 10524 ๋ฐ # 15311์— ๋Œ€ํ•œ ๋ ˆ์ด๋ธ”์„ ํฌํ•จ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋™์˜ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋ฐฉํ–ฅ์ด๋“  ์•„๋‹ˆ๋“ , ์–ด์จŒ๋“  ๋งค์šฐ ๊ธด ๋„๊ตฌ ๋ชจ์Œ์— ๋Œ€ํ•œ ์†”๋ฃจ์…˜์„ ์ •๋ ฌํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ์ข‹์•„ํ•˜๋Š” ๋…ธ๋ ฅ์„ ์ƒ๊ฐ https://github.com/WordPress/gutenberg/pull/16557 ๋“ฑ์˜ ๋„๊ตฌ ๋ชจ์Œ ๊ณ„์ธต ๊ตฌ์กฐ์˜๋ณด๋‹ค ํฌ๊ด„์  ์ธ rethinks ๊ฐ™์ด ์ˆ˜ํ–‰์ด ๋„์›€์ด ์กฐ๊ธˆ https://github.com/WordPress/gutenberg/issues/ 15096.

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

๊ทธ๊ฒƒ์€ ๋‹ค๋ฅธ ๋ฌด์—‡๋ณด๋‹ค ๋” ๋งŽ์€ ์ƒ๊ฐ์„ํ•˜๊ณ  ์žˆ์ง€๋งŒ, ๊ทธ๋ž˜ํ”ฝ ์•ฑ์˜ ๋น„์œ ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ์ด๋Ÿฌํ•œ ์œ ํ˜•์˜ "๋ ˆ์ด์–ด๋ง"๋ฐ "๊ทธ๋ฃนํ™”"UI๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ _document_ ์ˆ˜์ค€์—์„œ๋งŒ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ๋ธ”๋ก ์ˆ˜์ค€์—์„œ ์•ก์„ธ์Šค ํ•  ์ˆ˜์žˆ๋Š” ๊ฒƒ๋ณด๋‹ค.

๋ธ”๋ก๊ณผ ๋ฌธ์„œ ์ˆ˜์ค€ ๋„๊ตฌ ์‚ฌ์ด์˜ "๊ฐ„๊ฒฉ"๊ณผ ๊ด€๋ จํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์œผ๋ฉฐ์ด๋ฅผ ๋ธ”๋ก ์ˆ˜์ค€์—๋‘๋ฉด ํƒ์ƒ‰์ด ๋” ์‰ฌ์›Œ ์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

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

๊ทธ๋ž˜, ๋‚˜๋„ ๊ฐ™์€ ๋Š๋‚Œ์ด์•ผ.

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

์šฐ๋ฆฌ๋Š” ์ง€๊ธˆ ์ƒ๋‹จ ํˆด๋ฐ”์— ๊ทธ ์ปจํŠธ๋กค์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๋ฐ, ์ด๊ฒƒ์€ ๋ธ”๋ก ์ž์ฒด์—์„œ ๋„ˆ๋ฌด ๋ฉ€๋ฆฌ ๋–จ์–ด์ ธ์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค.

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

๋˜ ๋‹ค๋ฅธ ๋ฉ”๋ชจ์—์„œ ์‚ฌ๋žŒ๋“ค์ด Gutenberg์˜ ๊ธฐ๋ณธ ์„ค์ • ์ธ Top Toolbar ์„ค์ •์— ์–ด๋–ป๊ฒŒ ๋ฐ˜์‘ํ•˜๋Š”์ง€๋ณด๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด Gutenberg ์‚ฌ์šฉ์ž์—๊ฒŒ ๋” ์นœ์ˆ™ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” Classic ํŽธ์ง‘๊ธฐ์™€ ๋” ์ž˜ ์–ด์šธ๋ฆฝ๋‹ˆ๋‹ค.

์ด ๋„๊ตฌ ๋ชจ์Œ ์„ค์ •์€ ๋งŽ์ด ํƒ์ƒ‰๋˜์—ˆ์œผ๋ฉฐ, ์•ฝ๊ฐ„์˜ ํ…Œ์ŠคํŠธ ํ›„์— ์ตœ์ƒ์˜ ๊ธฐ๋ณธ๊ฐ’์ด ์ •ํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ํƒ์ƒ‰์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ https://github.com/WordPress/gutenberg/issues/2983 ์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

๋Œ€๋ถ€๋ถ„์˜ ์‚ฌ์šฉ์ž๊ฐ€ ํ•ด๋‹น ์„ค์ •์„ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

@jasmussen ์šฐ๋ฆฌ๋Š” # 17088์— ์ฐฌ์„ฑํ•˜์—ฌ ์ด๊ฒƒ์„ ๋‹ซ์„

๋„ค, ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ด ํ‹ฐ์ผ“์€ ๋‹ค์–‘ํ•˜๊ฒŒ ํƒ์ƒ‰ํ–ˆ์ง€๋งŒ ๋‹ค๋ฅธ ํ‹ฐ์ผ“์€ ์ด์ œ ์ผ๋ถ€ ์•„์ด๋””์–ด๋ฅผ ๊ตฌ์ฒดํ™”ํ•ฉ๋‹ˆ๋‹ค. ์ด ํ‹ฐ์ผ“์€ ์ƒˆ ํ‹ฐ์ผ“ Thanks Riad์˜ ์ฐธ์กฐ๋ฅผ ๋”ฐ๋ฅด๋ฉด ์—ฌ์ „ํžˆ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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