๋ธ๋ก์ ๋ถ๋ชจ๋ฅผ ์ ํํ๋ ๊ฒ์ ๊ทธ๋ ๊ฒ ์ฝ์ง ์์ต๋๋ค. Columns์ ๊ฐ์ ์ผ๋ถ ๋ธ๋ก์ ๊ฒฝ์ฐ ๋ณ๊ฒฝ ์ฌํญ์ ์ ์ฉ ํ ์ฌ๋ฐ๋ฅธ ๋ธ๋ก์ ์ ํํ๋ ๊ฒ์ด ๊น๋ค๋ก์ธ ์ ์์ต๋๋ค. ๋ด๋ถ ๋ธ๋ก์ ์ ํํ๋ ๊ฒ์ ์ฌ์ธ ์ ์์ง๋ง ์ค๊ณฝ์ ์ด ๊ฒน์น๊ธฐ ๋๋ฌธ์ ์์๋ฅผ ์ ํํ์ง ๋ชปํ ์ ์์ต๋๋ค.
Gutenberg๊ฐ ์ถ๊ฐ ๋ด๋ถ ๋ธ๋ก์ ์ฌ์ฉํ์ฌ ๋ ๋ณต์กํ ๋ธ๋ก์ผ๋ก ํ์ฅ ํ ์ ์๋๋ก์ด๋ฅผ ์ฝ๊ณ ๋ถ๋ช ํ๊ฒ ๋ง๋๋ ๋ฐฉ๋ฒ์ ์ดํด ๋ณด๊ฒ ์ต๋๋ค.
์ฐ๋ฆฌ๊ฐ ํ ์์๋ ์ฒซ ๋ฒ์งธ ๊ฐ์ ์ ํ์ ๊ฒฝ๋ก ์ผ ์ ์์ต๋๋ค. ์๋จ ๋๊ตฌ ๋ชจ์์์ ์ ํํ ๋ธ๋ก ๋๋ ์ ํํ ๋ธ๋ก๊ณผ ๊ทธ ๋ถ๋ชจ๋ฅผ ํญ์ ํ์ํฉ๋๋ค.
โ๏ธ ์ฐธ๊ณ :์ด ๋ชจํ์ ์ธ์ฉ๊ตฌ๊ฐ ์์ง ๋ด๋ถ ๋ธ๋ก์ ์ปจํ ์ด๋๊ฐ๋๋ค๊ณ ๊ฐ์ ํฉ๋๋ค. ๊ทธ๋ฌ๋์ด ๊ฒฝ์ฐ _Quote_ ๋ธ๋ก ๋ด์์ _Paragraph_๋ฅผ ์ ํํ์์ ๋ณด์ฌ์ค๋๋ค. ๊ฒฌ์ ์์ด์ฝ์ ํด๋ฆญํ์ฌ ๊ฒฌ์ ์ ์ ํํ ์ ์์ต๋๋ค.
๋ธ๋ก์ ๋ด๋ถ ๋ธ๋ก์ด ์์ผ๋ฉด ์ฌ๋ฌ ๋ฒ ์์ฒญ ๋ ๋ธ๋ก ์ ํ ํ์ ๊ธฐ์ผ๋ฟ์ ๋๋ค.
๋์ ์ ๋์ง ์๋ ์ธํฐํ์ด์ค๊ฐ ๋๋ ํ์ํ ๋ ์ฌ์ ํ ์กด์ฌํ๊ธฐ ์ํด ์ฌ๊ธฐ์์๋ _ ๋ ๋จ๊ณ์ ์ค์ฒฉ _ ๋ง ํ์ํฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ด ๋ธ๋ก ๋ด์ ์ธ์ฉ๋ฌธ ์์์๋ ๋จ๋ฝ์ ์ ํํ ๊ฒฝ์ฐ ์ธ์ฉ๋ฌธ๊ณผ ๋จ๋ฝ ๋ง ํ์๋ฉ๋๋ค. ๋ฐ์ดํ๋ฅผ ํด๋ฆญํ๋ฉด ํ์ ๊ฒฝ๋ก๊ฐ ์ด ๋ธ๋ก๊ณผ ๋ฐ์ดํ ๋ธ๋ก์ ํ์ํ๋๋ก ๋ณ๊ฒฝ๋ฉ๋๋ค.
Columns ๋ธ๋ก๊ณผ ๊ฐ์ ๋ ๋ณต์กํ ๋ธ๋ก์ ๊ฒฝ์ฐ ํจํด์ ์๋ฎฌ๋ ์ดํธํ๊ธฐ ์ํด ๊ธฐ์กด ๋ฐ์คํฌํฑ ์ฑ ๋ฐ ๋ชจ๋ฐ์ผ ์๋ฃจ์ ์ ์ฐพ์์ผํฉ๋๋ค. ์ผ๊ด๋ ํจํด ์ค ํ๋๋ ํญ๋ชฉ์ ํจ๊ป ๊ทธ๋ฃนํํ๊ณ ๋ด์ฉ์ ์กฐ์ํ๊ธฐ ์ํด _ ๊ทธ๋ฃน์ผ๋ก ๋๋ฆด ๋ค์ดํด์ผํฉ๋๋ค _. ์ด๊ฒ์ Illustrator ๋๋ Sketch์์ ๋ณผ ์์๋ ํจํด์ผ๋ก, ๊ทธ๋ฃน์ ์ ๋ ฅํ๋ ค๋ฉด ๋ ๋ฒ ํด๋ฆญํฉ๋๋ค. ๋๋ MacOS์์ ๊ฐ์ ๋ชจ๋์ ๋ค์ด๊ฐ๋ฉด ์ด๋ ค์๋ ๋ชจ๋ ์ฑ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๊ฐ ํ์๋์ง๋ง ์ฝํ ์ธ ๋ฅผ ์กฐ์ํ๋ ค๋ฉด ๋จผ์ ์ฑ์ ์ ํํด์ผํฉ๋๋ค.
๋ํ ์ด๋ฏธ ์ด๋ค๋ฉด์์ ์ฐ๋ฆฌ๊ฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ์์ ์ฌ์ฉํ๋ ํจํด์ ๋๋ค. ์ฌ๊ธฐ์ _ ์ ํ๋ ๋ธ๋ก์ ์ถ๊ฐ ์ปจํธ๋กค์ ํ์ ํ ์ ์์ต๋๋ค _.
์ฌ๊ธฐ์ ํ์ง ์ด๋ฏธ์ง๊ฐ ์์ต๋๋ค. ๋ด๋ถ์ ์ ๋ชฉ ๋ธ๋ก์ ๊ฐ๋ฆฌ ํค๋๋ผ๋ ๊ฐ์กฐ ํ์๋ ๊ฒ์ ํ์ง ์ด๋ฏธ์ง ๋ธ๋ก์ ๋๋ค.
์ฌ๊ธฐ์์ ํ์ง ์ด๋ฏธ์ง๊ฐ ์ ํ๋ฉ๋๋ค. ์ด์ ๋ด๋ถ ๋ธ๋ก์ ์กฐ์ ํ ์ ์์ต๋๋ค.
๋ด๋ถ ๋ธ๋ก์ ์ ํํ๋ฉด ์ด์ ์ ํ๋ฉ๋๋ค. ๋ ๋ค ๊ทธ๋ฃน์ ์ผ๋ถ์ด๊ธฐ ๋๋ฌธ์ ์์ ๋ธ๋ก์ด ๊ณ์ ํ์๋ฉ๋๋ค.
์ด๊ฒ์ ๋จ์ํ๊ณ ํ์ ์ ๊ฐ์ง๊ณ ์์ ๋ฐ / ๋๋ ํ์ ๋ธ๋ก์ ์ฝ๊ฒ ์ ํํ ์ ์๋๋กํ๋ ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ ๋๋ค.
๊ธฐ๋ฅ์ ํจ๊ป ์๋ํ๋๋ก ์ค๊ณ๋์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๋ด๋ถ ๋ธ๋ก์ด์๋ ๋ชจ๋ ๋ธ๋ก์์ ๊ธฐ๋ณธ์ ์ผ๋ก "ํด๋ฆญ ์ค๋ฃจ"๋ฅผ ์ฌ์ฉํ๋๋ก ์ค์ ํ ์ ์์ง๋ง, ํด๋ฆญ ์ค๋ฃจ ๋๊ตฌ ์์ด๋ ํ ์์๋ ๊ฒฝ์ฐ ๋ธ๋ก์ด ์ ์ธ ํ ์์๋ ์ ํ์ "ํต๊ณผ"์์ฑ์ ์ ๊ณต ํ ์ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด ์ธ์ฉ๊ตฌ๊ฐ ๋ด๋ถ ๋ธ๋ก์ ์์ ํ ๋ ์ธ์ฉ๋ฌธ ์์ฒด๋ฅผ ์ ํํด์ผํ๋ ๊ฒฝ์ฐ๊ฐ ๋๋ฌผ๊ธฐ ๋๋ฌธ์ ํด๋น ๋ธ๋ก์ ๋ํ ํด๋ฆญ๋ฅ ์ ๋นํ์ฑํ ํ ์ ์์ผ๋ฉฐ ๊ทธ๋ ๊ฒํด์ผํ๋ ๊ฒฝ์ฐ ํ์ ๊ฒฝ๋ก๋ง์ผ๋ก ์ถฉ๋ถํ ์ ์์ต๋๋ค.
๋ํ ์ด๋ฌํ ๋ชจํ์ ์ฌ์ฉ ๋ ํ์ง ์ด๋ฏธ์ง๊ฐ ํด๋ฆญ ์ฐ๊ฒฐ ์์ด๋์๋ ๊ทธ๋๋ก ์ ์๋ ํจ์ ์ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ํด๋ฆญ์ ํตํด Columns ๋ธ๋ก์ ํจ์ฌ ์ฝ๊ฒ ๊ด๋ฆฌ ํ ์ โโ์์ต๋๋ค. ํ ๋ฒ์ ํด๋ฆญ์ผ๋ก ์ด ๋ธ๋ก์ ์ ํํ๊ณ ์ ๋ ฌ์ ์ ์ฉํ๊ณ , ๋ค๋ฅธ ํ ๋ฒ์ ํด๋ฆญ์ผ๋ก ๋ด๋ถ ๋ธ๋ก์ ์ ํํฉ๋๋ค.
๋น์ ์ ์๊ฐ์ ํ์ํฉ๋๋ค.
๋ํ ํด๋น ๋ธ๋ก์ ๊ตฌํ์ ๋ฐ๋ผ ๋ด๋ถ ๋ธ๋ก์ด ๋ณด์ด์ง ์์ ์์๋ ์ฌ๋ผ์ด๋ ์ผ์ ๊ฐ์ ๋ณต์กํ ๋ธ๋ก์ ๋ํ ์ถ๊ฐ ๊ธฐ๋ฅ์ ํ์ํ๋ ค๊ณ ํฉ๋๋ค.
๊ทธ๋ฌ๋ ์์์ผ๋ก์ด ๋ ๊ธฐ๋ฅ์ ๊ธ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ์ด๋ฏธ ์ค๋๋ "ํด๋ฆญ ์ฐ๊ฒฐ"์ ๋ชจ๋ฐ์ผ์์ ๊ตฌํ๋๋ฏ๋ก์ด๋ฅผ ๊ฐ์ ํ๊ณ ์ค๋จ ์ ์ด์์ผ๋ก ํ์ฅํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
๋๋ ๋นต ๋ถ์ค๋ฌ๊ธฐ ์์ด๋์ด๋ฅผ ์ข์ํ๋ค. (์ฌ์ค 4 ์์ # 6459์์ ๊ฝค ๋น์ทํ ๊ฒ์ ์ ์ํ์ต๋๋ค.) ํตํฉ ํด๋ฐ๊ฐ ํ์ฑํ๋๋ฉด ํ์ ๊ฒฝ๋ก๋ ์ด๋ป๊ฒ๋ฉ๋๊น?
๋ํ ํด๋ฆญ ์ฐ๊ฒฐ ์์ด๋์ด๋ ์ข๋ค๊ณ ์๊ฐํ๊ณ ์ด๋ฏธ ๋ชจ๋ฐ์ผ์์ ์ฌ์ฉ๋๊ณ ์์ผ๋ฏ๋ก ์ผ๊ด์ฑ์ ๋ํฉ๋๋ค. ํ์ง๋ง ํจ์ค ์ค๋ฃจ ์์ด๋์ด์ ๋ํด์๋ ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ๋ธ๋ก์ ๊ฑธ์ณ ๋ค๋ฅธ ๋์์ผ๋ก ์ธํด ํผ๋์ ์ผ์ผํฌ ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
๋๋ ์ด๋ ๊ฒฝ๋ก๋ฅผ ์ข์ํ์ง๋ง ํตํฉ ํด๋ฐ๋ ์ข์ํฉ๋๋ค. ์ด๋ ๊ฒฝ๋ก์ ๋ํ ๋ค๋ฅธ ์์น๋ฅผ ์ฐพ์ ์ ์์ต๋๊น? :)
๋ํ ๊ฐ์ธ์ ์ผ๋ก ๋ถ๋ชจ ๋ธ๋ก ์ฃผ๋ณ์ ํ ๋๋ฆฌ๊ฐ ๋ง์์ ๋ค์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฐ๋ฆฌ๊ฐ ๊ทธ๊ฒ๋ค์ ์ ์งํ๋ค๋ฉด, ๋ค์ค ์ ํ์ ์ด๋ป๊ฒ ์ฒ๋ฆฌํ ๊น์? :). ๋ค์ค ์ ํ๋ ๋ธ๋ก์ ๋ถ๋ชจ ์ฃผ์์ ํ ๋๋ฆฌ๋ฅผ ํ์ํด์ผํฉ๋๊น?
ํด๋ฆญ ์ฐ๊ฒฐ ์ต์ ์ด ๋ง์์ ๋ญ๋๋ค. ์ด๋ฅผ ์ํด์๋ 'ํต๊ณผ'๋ธ๋ก์ ๋ํ ์ถ๊ฐ ์์ ์ด ํ์ํฉ๋๋ค (์๋ฅผ ๋ค์ด ๊ฐ ๊ฐ๋ณ "์ด"์ ํด๋ฆญ ํ ๋ ์ด์ด๋ก ๊ฐ์ฃผ๋์ง ์์).
ํตํฉ ํด๋ฐ๊ฐ ํ์ฑํ๋๋ฉด ์ด๋ ๊ฒฝ๋ก๋ ์ด๋ป๊ฒ๋ฉ๋๊น?
๋๋ ์ด๋ ๊ฒฝ๋ก๋ฅผ ์ข์ํ์ง๋ง ํตํฉ ํด๋ฐ๋ ์ข์ํฉ๋๋ค. ์ด๋ ๊ฒฝ๋ก์ ๋ํ ๋ค๋ฅธ ์์น๋ฅผ ์ฐพ์ ์ ์์ต๋๊น? :)
์ข์ ์ง๋ฌธ. ๋น ๋ฅด๊ณ ๋๋ฌ์ด ๋ชจํ :
์, ์ค์์ฒ์ ์ค๋ณต ์์ด์ฝ ๋ฌธ์ ๊ฐ ๋ณด์ ๋๋ค. ๊ณ์ ์๊ฐํ๋ ๊ฒ์ด ์ข๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ํ์ด ๋์์ธ์ด # 4287์์ ์ฐจ๋จ ๋ ๋ฌธ์ ๊ฐ์๋ฅผ ์๋ตํ๋ ๋ฐฉ๋ฒ์ ์ ์ํ์ญ์์ค.
๋ํ ๊ฐ์ธ์ ์ผ๋ก ๋ถ๋ชจ ๋ธ๋ก ์ฃผ๋ณ์ ํ ๋๋ฆฌ๊ฐ ๋ง์์ ๋ค์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฐ๋ฆฌ๊ฐ ๊ทธ๊ฒ๋ค์ ์ ์งํ๋ค๋ฉด, ๋ค์ค ์ ํ์ ์ด๋ป๊ฒ ์ฒ๋ฆฌํ ๊น์? :). ๋ค์ค ์ ํ๋ ๋ธ๋ก์ ๋ถ๋ชจ ์ฃผ์์ ํ ๋๋ฆฌ๋ฅผ ํ์ํด์ผํฉ๋๊น?
๋ด๋ถ ๋ธ๋ก์ด ๋ถ๋ชจ ๊ทธ๋ฃน์ ์ผ๋ถ์์ ๋ํ๋ด๋ ๊ฒ์ผ๋ก ํ์ํ๋ ๊ฒ์ด ์ค์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ๊ทธ๋ค์ ๋ด๋ถ ๋ธ๋ก์ _ ๊ณ ์ _ํฉ๋๋ค.
์ง๊ธ์ ๋ค์ค ์ ํ์ด ์๋ํ๋ ๋ฐฉ์์ ๋๋ค.
๊ทธ๋ฆฌ๊ณ ์ด๊ฒ์ ๋ ๊ฐ์ ์์ ๋ธ๋ก์ ์ ํํ๋ฉด ๋ฐ์ํฉ๋๋ค.
์ฆ, ๋ง์คํฐ์์๋ ์ด๋ฏธ ๋ถ๋ชจ ํ ๋๋ฆฌ๊ฐ ์๊ณ _ ๊ทธ๋ฆฌ๊ณ _ ์์ ๋ธ๋ก์ ์ฌ๋ฌ ๊ฐ ์ ํํ ๋ ์จ ๊น๋๋ค. ์ค์ ๋ก ๋ค์ค ์ ํ์์๋ ํญ์ ๋ถ๋ชจ ํ ๋๋ฆฌ๋ฅผ ํ์ํ๋ ๊ฒ์ด _ ํ์ ๋ธ๋ก ๋ง ์ ํํ๋ ๊ฒฝ์ฐ _ ์๋ฏธ๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๊ทธ๋ฌ๋ ์๋ง๋ ์ฐ๋ฆฌ๋ _parent_ ๋ธ๋ก์ด ๋ค์ค ์ ํ ๋ ๋ ๋ค์ค ์ ํ์ ๋ค๋ฅด๊ฒํด์ผํฉ๋๋ค. ๋ฐ๋ผ์ ์ถ๊ฐ ๋ ์ด์ด ํจ๊ณผ๋ก ๋ชจ๋ ํ์ ๋ธ๋ก์ ๊ฐ์กฐ ํ์ํ๋ ๋์ ์์ ๋ธ๋ก ๋ง ๊ฐ์กฐ ํ์ํฉ๋๋ค. ์๋ํ ๊น์?
ํด๋ฆญ ์ฐ๊ฒฐ ์ต์ ์ด ๋ง์์ ๋ญ๋๋ค. ์ด๋ฅผ ์ํด์๋ 'ํต๊ณผ'๋ธ๋ก์ ๋ํ ์ถ๊ฐ ์์ ์ด ํ์ํฉ๋๋ค (์๋ฅผ ๋ค์ด ๊ฐ ๊ฐ๋ณ "์ด"์ ํด๋ฆญ ํ ๋ ์ด์ด๋ก ๊ฐ์ฃผ๋์ง ์์).
์, ํ์ฌ _column_ ์์ ๋ธ๋ก์ ๋ช ๊ฐ์ง UI ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์์ ๋ธ๋ก์ ์ฝ์ ํ ์ ์๋๋ฐ ์ ์ ํํ ์ ์์ต๋๊น? ํ์ง๋ง ์ด๊ฒ์ ์์ฒญ๋๊ฒ ์ด๋ ค์ด ๊ธฐ์ ์ ๋์ ์ด๊ณ , ๋๋ ๊ทธ๊ฒ์ด ์๋ฐ๋๋ ๋์ ์ ์ดํดํฉ๋๋ค. ๊ทธ๋์ ๋๋ ์ด๊ฒ์ด ์ฝ๋ค๊ณ ๋งํ๋ ๊ฒ์ด ์๋๋๋ค.
https://github.com/WordPress/gutenberg/pull/9653 ์์ ์์ ํ๋ฉด์ ๊ณ์ธต์ ํ์ํ๊ธฐ ์ํด ์ด๋ฏธ ์กด์ฌํ๋ ํ์ดํ ํค ํ์ (๋ถ๋ชจ๋ฅผ ์ ํํ๊ธฐ ์ํด ์ด์ ์ ํํ ๋ ์์ชฝ ํ์ดํ ํค ์ฌ์ฉ)์ ๊นจ๋ฌ์์ต๋๋ค. , ์ฆ ์ด ๋ธ๋ก)์ด ์ ๋ง ์ ์๋ํฉ๋๋ค. ์ค์ ๋ก์ด ๊ธฐ๋ฅ์ Windows ํ์ผ ํ์๊ธฐ์ "์์ ํด๋๋ก ์ด๋"๊ณผ ์ ์ฌํ "์๋ก"๋ฒํผ์ผ๋ก ํ์ํ๋ ๊ฒ๋ง์ผ๋ก๋ ์์ ํ ์ด๋ ๊ฒฝ๋ก ๋์ ์ถฉ๋ถํ ์ ์์ต๋๋ค.
์ด๊ฒ์ด ์ด๋ป๊ฒ ๋ณด์ผ ์ ์๋์ง ๋ณด์ฌ์ค๋๋ค. ์๋จ ๋๊ตฌ ๋ชจ์ :
๋ธ๋ก ๋๊ตฌ ๋ชจ์ :
CC : @youknowriad
๋ช ๊ฐ์ง ์๊ฐ
๋๋ ์ด๋ ๊ฒฝ๋ก ์๋ฃจ์ ์ ์ข์ํ์ง๋ง ๋ชจํธํจ์ด ์๊ณ ์์ด์ฝ ์ ์ฉ ์ธํฐํ์ด์ค๊ฐ ๋ฌธ์ ๊ฐ ๋ ์ ์์ผ๋ฉฐ ์์ด์ฝ ์๋ก ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ ๊ฐ์ ์์ด์ฝ์ด ๋ฌด์์ธ์ง ํ์ธํ๊ฑฐ๋ ์ด๋ ๊ฒฝ๋ก๊ฐ ์๋ ์ต์ ๋๊ตฌ ๋ชจ์์ ์ด๋ ๊ฒฝ๋ก๋ฅผ ํผ๋์ค๋ฝ๊ฒ ํ ์ ์์ต๋๋ค.
๋ฐ๋ผ์ ์๋จ ๋๊ตฌ ๋ชจ์์ด ํ์ํ๊ธฐ์ ๊ฐ์ฅ ์ข์ ๊ณณ์ด ์๋ ์ ์์ผ๋ฉฐ ๋ค๋ฅธ ๊ณณ์ ํ์ ๊ฒฝ๋ก์์ ๊ฐ์ ธ์จ ๋จ์๊ฐ ๋์์ด ๋ ๊ฒ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ํ์ฌ ํ์ผ-> ํด๋์ค-> ๋ฉ์๋ / ๊ธฐ๋ฅ์ ๋ณด์ฌ์ฃผ๋ PHPStorm์ ๊ณ์ธต ๋๊ตฌ ๋ชจ์ ๋๋ MacOS Finder ๋ฐ Windows ํ์๊ธฐ์ ํด๋ ๋๊ตฌ ๋ชจ์?
ํด๋ฆญ ์ค๋ฃจ๋ ์จ๊ฒจ์ง 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 ํจํด์ด ์์ต๋๋ค. ์ด์ด ๋์ผํ์ง ์์ ์ ์์ต๋๊น?
๋๋ ๋ด๊ฐ ์๋ฏธํ๋ ๋ฐ์ ๋ํ ์ํผ ์ฐ๋ ๊ธฐ ๋ชจํ
๋ฐ๋ผ์ ์ด ๋ธ๋ก์ ํฌ๋กฌ์ ์ ํํ๋ ๋ฐ ์ฌ์ฉ๋๋ฉฐ ๋ง์ฐ์ค๋ฅผ ์กฐ์ค ํ ์์๋ ์๊ฐ์ ์ธ ๊ฒ์ ์ ๊ณตํฉ๋๋ค.
ํด๋ฐ ๋ชจ๋ธ์ ๋ง๋๋ก ์ฌ๊ธฐ์ ์ฌ์ฉํ ์์๋ ํ ๊ฐ์ง ์ ์ฌ์ UX ํจํด์ OS X ํด๋ ํ์ ๋ฒํผ์ ๋๋ค : https://cld.wthms.co/avtQLO
์ฌ์ฉ์๊ฐ ํด๋ฆญ๊ณผ ์ ํ์ ํตํด ์๊ฐ์ ์ผ๋ก ์์ / ๋ถ๋ชจ ๋ธ๋ก์ ์ ํํ ์์์ ๊ฒ์ผ๋ก ๊ธฐ๋ํ ์ ์๋ค๊ณ ์๊ฐํ์ง๋ง, ์ฌ๋ฐ๋ฅด๊ฒ ๊ฐ์ ธ ์ค๋ ๋ฐ๋ ๋ง์ ๋ณต์ก์ฑ์ด ์์ต๋๋ค. ์์ ์ํ ํจํด์ ์ข์ ์ฒซ ๋จ๊ณ๊ฐ ๋ ์ ์์ผ๋ฉฐ 2 ๋จ๊ณ์์ ๋ ์ฐ์ํ ์๋ฃจ์ ์ ๊ฐ๋ฐํ๋ ๋ฐ ๋ ๊น์ด ๋ค์ด๊ฐ ์ ์์ต๋๋ค.
๋๋ ์๋ ์์ค๋ผ๋ ๊ฐ๋ ์ _adore_ํ๋๋ฐ, ํนํ ๋น์ ์ด ์ธ๊ธ ํ ๋ ๋ณต์กํ ๋ธ๋ก์ ๋ํ ๊ฒ์ ๋๋ค. ๋๋ ๊ทธ๊ฒ์ ๋๋ฌด ์ข์ํด์ ์ฆ์ ์คํํ๊ณ ์์ด๋์ด๋ฅผ ์ค๋ช ํ๊ธฐ ์ํด ๋ช ๊ฐ์ง ๋ชจํ์ ๋ฆฌ๋ฏน์คํ์ต๋๋ค.
์ ํ ์์ :
์ ํํ ์ฐจ๋จ :
์ ํํ ๋ด๋ถ์ ์ค์ฒฉ ๋ ๋ธ๋ก :
ํด๋ ํ์ ๋ฒํผ ํ์ ์ด ์ด๋ฆฝ๋๋ค.
โ๏ธ ์ ๋ ๊ทธ ๊ฐ๋ ์ด ๋ง์์ ๋ญ๋๋ค.์ด ์ค๋ ๋์์ ๊ณต์ ๋ ๋ชจ๋ ์์ด๋์ด์ ํผ๋๋ฐฑ์ด ํจ๊ป ๋ น์์ _solid_ ๊ธฐ์ค์ ์ด ๋ฐ๋ณต๋๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค. ์ ์ ํ ์๊ฐ์ ๊ฐ์ ธ์ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
์ ๋ ์๊ฐ์ ํธ๋ฆฌ๊ฐ์๋ ๋๋กญ ๋ค์ด์ ์ข์ํฉ๋๋ค. ์ผ๋ถ๋์ด ํ์์ผ๋ก ์ ์ฒด ๋ฌธ์๋ฅผ ๋ณด๋ ๊ฒ๋ ๋์์ด ๋ ๊ฒ์ด๋ฉฐ ํญ๋ชฉ์ ์ฌ์ ๋ ฌํ๋ ์ ์ฉํ ๋ฐฉ๋ฒ์ ์ ๊ณต ํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
๊ทธ๋ฌ๋ ๋ ์๊ฐํด ๋ณด๋ฉด ์ด๋ฏธ ์ด์ ๊ฐ์ ์ ํ ๋ฉ์ปค๋์ฆ๊ณผ ์ ๋ณด ํจ๋์ ๋ฌธ์ ๊ฐ์๊ฐ ์๋ค๋ ๊ฒ์ ์๊ธฐํ์ต๋๋ค.
์ด๊ฒ์ ๋ชจํ์ ์คํ์ผ์ ํตํด ํฅ์ ๋ ์ ์์ผ๋ฉฐ ์ถ๊ฐ ์ ํ ๊ธฐํธ๋ก ์ฌ์ฉ๋ฉ๋๋ค. ํ์ฌ๋ก์๋ ์ ๋ชฉ ๋ง ํ์๋์ง๋ง ์ ์ฒด ๋ธ๋ก ํธ๋ฆฌ์ ์ ํ ํ์๊ธฐ๊ฐ์๋ ๋ฒ์ ์ ๋งค์ฐ ์ ์ฉํฉ๋๋ค.
๋ด ์ ์ผํ ๋จ์ ์ ๋๊ตฌ ๋ชจ์ ์์ด์ฝ ์์ฒด์ ๋๋ค. ํ์ดํ๊ฐ์๋ ๋ ๋ค๋ฅธ ๋ฏธ์คํฐ๋ฆฌ ์์ด์ฝ์ด๋ฉฐ ๋๊ตฌ ๋ชจ์์ ์ฌ์ฉ์ ํํ์ง ์๋ ํ ๊ธฐ๋ณธ์ ์ผ๋ก MacOS์ Finder์์๋ ๋ฒํผ์ ๋๋ค. ์์ด์ฝ ์๊ฐ ์ฅ์ ๊ฐ ์๊ณ ์์ด์ฝ์ ์ฝ๊ฒ ๊ตฌ๋ถํ ์์๋ ์ฌ๋๋ค์๊ฒ๋ ๋ฌธ์ ๊ฐ๋ฉ๋๋ค.
ํ ์คํธ ๋ ์ด๋ธ์ ์ฌ์ฉํ๋ฉด ๋ ๋ช ํ ํด์ง์ง ๋ง ํด๋ฆญํ์ง ์๊ณ ๋ ๋ฌด์์ํ๋์ง ๋๋ถ๋ถ ์ ์ ์์ต๋๋ค.
๋ณด๊ธฐ ์ข๊ฒ ๋ณด์ :) ๊ฐ๋ ์ฑ์ ๋์ด๊ธฐ ์ํด ์์ด์ฝ์ ์ฝ๊ฐ ๋จ์ํ ํด ๋ณผ ์ ์์ต๋๊น? ๊ฐ๊ฒฉ์ด 4 ๊ฐ๊ฐ ์๋ 3 ์ค์ผ๊น์?
ํ ์คํธ ๋ผ๋ฒจ์ ์ฌ์ฉํ๋ฉด ๋ ๋ช ํ ํด์ง์ง ๋ง ํด๋ฆญํ์ง ์๊ณ ๋ ๋ฌด์์ํ๋์ง ์ ์ ์์ต๋๋ค.
ํดํ๋ ์์ต๋๋ค.
re : @tomjn ์ ์๊ฒฌ์์, ์ด๊ฒ์ด ๋ณ๋์ ์ฅ์๋ฅผ ๋ง๋๋ ๊ฒ๋ณด๋ค ์ ์ฒด ๋ฌธ์ ํธ๋ฆฌ์ ํตํฉ ๋ ์ ์๋ค๋ฉด ํ๊ตฌ ํ ๊ฐ์น๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ฌธ์ ๋ ํธ๋ฆฌ์ ๋จ์์ฑ๊ณผ ์ค์บ ๊ฐ๋ฅ์ฑ์ ์ ์งํ๋ฉด์ ํจ์ฌ ๋ ๋ง์ ์์ค์ ๋ฌผ๊ฑด์ ์์ฉํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ ๊ทธ๊ฒ์ ์ ์ฒด ํ์ด์ง ๊ตฌ์กฐ์ ๋ํ ๋จ์ผ ์์ค ์ธ Sketch ๋๋ Photoshop์ ๋ ์ด์ด ํจ๋ (๋์์ธ์ด ์๋ ๊ธฐ๋ฅ)๊ณผ ๋น์ทํ ์ ์์ต๋๋ค. ์ํ๊ธฐ ์ํด ๋์ ํ์ง๋ง ํํํ ๋งํ ๊ฐ์น๊ฐ ์์ต๋๊น?
๋ค์ ๋งํ์ง๋ง, ์ด๊ฒ์ ์ฐ๋ฆฌ๊ฐ ๋ฐ๋ณตํ๋ ๊ฒ์ผ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค. ๊ทธ๋ ๋ค๋ฉด ๋ ์ ๊ตํ ๊ฒ์ผ๋ก ์ฑ์ฅํ ์์๋ ๊ฐ์ฅ ์ ์ฉํ MVP๋ ๋ฌด์์ผ๊น์?
ํดํ๋ ์์ต๋๋ค.
์ถฉ๋ถํ์ง ์๋ค๊ณ ์๊ฐ ํฉ๋๋ค๋ง, ๋ณ๋์ ๋ ผ์์ ๊ธฐ๋ฅ ์์ฒญ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์๋ก์ด ํฐ์ผ์ ์ด๊ฒ ์ต๋๋ค.
๊ฐ๋ ์ฑ์ ๋์ด๊ธฐ ์ํด ์์ด์ฝ์ ์ฝ๊ฐ ๋จ์ํ ํ ์ ์์ต๋๊น? ๊ฐ๊ฒฉ์ด 4 ๊ฐ๊ฐ ์๋ 3 ์ค์ผ๊น์?
๋๋ ๊ทธ๊ฒ์ ์ข์ํ๋ค :
๊ทธ๋ฌ๋ ๋ ์๊ฐํด ๋ณด๋ฉด ์ด๋ฏธ ์ด์ ๊ฐ์ ์ ํ ๋ฉ์ปค๋์ฆ๊ณผ ์ ๋ณด ํจ๋์ ๋ฌธ์ ๊ฐ์๊ฐ ์๋ค๋ ๊ฒ์ ์๊ธฐํ์ต๋๋ค.
๋๋ ๋ํ ์ด๊ฒ์ด ๋ณ๋์ ์ฅ์๋ฅผ ๋ง๋๋ ๊ฒ๋ณด๋ค ์ ์ฒด ๋ฌธ์ ํธ๋ฆฌ์ ํตํฉ ๋ ์ ์๋ค๋ฉด ํ๊ตฌ ํ ๊ฐ์น๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
๊ทธ๊ฒ ํจ๊ณผ๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ด์ ์ ํญ๋ชฉ์ ํ๋ฌ๊ทธ์ธ์ผ๋ก ๋ค์ ์์ฑํ์ฌ ์ค๋ฅธ์ชฝ์ ํ์๋๋๋ก ์ ์ํ์ต๋๋ค (# 4287 ์ฐธ์กฐ). ๊ทธ๋ฌ๋ ๋๋ ์ด๊ฒ์ ๋ฌธ์ ํธ๋ฆฌ๋ฅผ ์ํด ์ฉ๋ ๋ณ๊ฒฝํ๋ ํฌ์ ๋๋ค.
๋ ์ด๋ธ์ ๊ดํด์๋ ๋ ์ด๋ธ์ ์ข์ํ์ง๋ง ๋ธ๋ก ๋๊ตฌ ๋ชจ์์ ๋งจ ์์ ๊ณ ์ ํ๋ ์ต์ ์ ๊ณ ๋ คํ ํ์๊ฐ ์์ต๋๋ค.
์ด ํ ๋ก ์ # 9053 (CC : @westonruter)์ ๋ ์ฌ๋ฆฌ๊ฒํฉ๋๋ค. https://github.com/WordPress/gutenberg/issues/9628#issuecomment -429012989์ ๋์์๋ Alexis์ ์ ์์ ์ข์ํ ๊ฒ ๊ฐ์ต๋๋ค.
๊ณ์ ์งํ๋๋ ๊ฒ์๋ณด๊ณ @alexislloyd ๊ฐ๋ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. @jasmussen ์ ๋์ด ๋ชจ์๋ฅผ ์ ๋ง ์ข์ํ๊ณ ์ฐ๋ฆฌ๊ฐ ๋ฐ๋ณต ํ ์์๋ ์ข์ ์ ์ด ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
๊ทธ๋ ๋ค๋ฉด ์ข ๋ ์ ๊ตํ ๊ฒ์ผ๋ก ์ฑ์ฅํ ์์๋ ๊ฐ์ฅ ์ ์ฉํ MVP๋ ๋ฌด์์ผ๊น์?
๋๋ ์ด๊ฒ์ ๋ ๊ฐ๋จํ ์ํ ์ปจํธ๋กค๋ก ๋ง๋ค๊ณ ๋์ค์ ์ ํ์ ๊ธฐ๋ฐ์ผ๋ก ๋ฌธ์ ์ฝํ ์ธ ์์์ ๊ฒฐํฉํ๋ ๊ฒ์ด ํฉ๋ฆฌ์ ์ธ์ง ํ์ธํ๋ค๊ณ ๋งํ๊ณ ์ถ์ต๋๋ค.
# 10767์ ๋ ผ์์ ๋ฐ๋ผ ์ด๊ฒ์ ๋ค์ ์ด์ด ๋ฐ๋ณตํ์ญ์์ค.
# 11159์ ์ ์ ๋ ์ถ๊ฐ ์์ด๋์ด๋ ์ฐธ์กฐํ์ญ์์ค.
๋ณต์กํ ๋ธ๋ก์ผ๋ก ๋ ์ฝ๊ฒ ์์ ํ ์์๋ ๋ ํ๋์ ์์ด๋์ด๋ _ ์ ํ๋์ง ์์ ๋ธ๋ก์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ _์ด๊ณ _ ์ ํ๋ ๋ธ๋ก์ ์ถ๊ฐ ํธ์ง ์ปจํธ๋กค์ ํ์ ํ ์ ์์ _์ ๋๋ค.
์ด ์์ด๋์ด๋ฅผ ํ์ฉํ์ฌ ์ด ๋ธ๋ก์ ์์๋ฅผ ๋ ์ฝ๊ฒ ์ ํํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์ด ๋ธ๋ก ๋๋ ๊ทธ ํ์ ํญ๋ชฉ์ด ์ ํ๋๋ฉด ์ปจํ ์ด๋์ ํจ๋ฉ์ด ์ ๋๋ฉ์ด์ ๋์ด ํ์ ์์๋ฅผ ์ ํํ ์์๋ ๊ณต๊ฐ์ ๋ง๋ญ๋๋ค. ์ด๋ ๊ฒํ๋ฉด ์ธก๋ฉด UI์ ์ก์ธ์ค ํ ์ ์์ต๋๋ค. ํจ๋ฉ์ด ํ์ฅ ๋ ๋ถ๋ชจ ๋ธ๋ก (์ : ํ์ ) ์ฃผ์์ ํ ๋๋ฆฌ๋ฅผ ํ์ํ๋ ค๊ณ ํฉ๋๋ค.
์์์ด ์ ํ ๋๋๋ผ๋ ์ต์์ ๋ธ๋ก์์ .is-selected
ํด๋์ค๋ฅผ ๋ณต์ํ๋ฉด ๊ตฌํํ๊ธฐ๊ฐ ๋น๊ต์ ๊ฐ๋จ ํด ๋ณด์
๋๋ค. ํ๋์ hasSelectedInnerBlocks ์ํ์ ์ฌ์ฉํ์ฌ์ด ์์
์ ์ํํ์ต๋๋ค.
์ด ๋ธ๋ก์ ์ ์๋ก ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ ๊ฐ๋ฉด ๋ค์๊ณผ ๊ฐ์ด ํ์๋ฉ๋๋ค.
๋ฏธ๋์ด ๋ฐ ํ ์คํธ ๋ธ๋ก์ ์ ์๋ก ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๊ฐ๋๋ค.
ํ๋๋ ๋ด๋ถ ๋ธ๋ก๊ณผ ์ธ๋ถ ๋ธ๋ก์ ๋ด
๋๋ค.
์ด-> ๋จ๋ฝ๊ณผ ๊ฐ์. ์ด-> YouTube. ๋ฏธ๋์ด ๋ฐ ํ
์คํธ-> YouTube
ํธ๋ฒ ์ ๋ณด์ ํ์ ๊ฒฝ๋ก ์ ๋ณด (๋ด๋ถ ๋ฐ ์ธ๋ถ ๋ธ๋ก)๋ฅผ ํด๋ฆญ ๊ฐ๋ฅํ๊ฒ ๋ง๋๋ ๊ฒ์ด ์ข์ต๋๋ค. ์ด์ ํด๋ฆญํ์ฌ ์์๋ฅผ ์ ํํ๊ฑฐ๋ ๋จ๋ฝ์ ํด๋ฆญํ์ฌ ํ์๋ฅผ ์ ํํ์ญ์์ค.
๋ฐฉ๊ธ ์๋ํด ๋ณด๋ฉด ๋ถ๋ชจ ์ด ๋ธ๋ก์ ์ ํํ๋ ๊ฐ์ฅ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ ๋ถ๋ชจ ๋ธ๋ก์ ์ค๋ฅธ์ชฝ / ์ผ์ชฝ์ ์ ๊ณตํ๋ ์ถ๊ฐ ๋ณด์ด์ง ์๋ ํํธ ์์ญ์ ํ์ฉํ๋ ๊ฒ์ ๋๋ค.
์ด ์ถ๊ฐ ์ ์ค ์์ญ์ ๋ธ๋ก์ ์๋จ๊ณผ ํ๋จ์์ ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก ๊ทธ๋ฐ ๋ฐฉ์์ผ๋ก ์ ํํ๊ธฐ๊ฐ ํจ์ฌ ๋ ์ด๋ ต์ต๋๋ค.
๋ณต์กํ ๋ธ๋ก์ผ๋ก ๋ ์ฝ๊ฒ ์์ ํ ์์๋ ๋ ํ๋์ ์์ด๋์ด๋ ์ ํ๋์ง ์์ ๋ธ๋ก์ด ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ด๊ณ ์ ํํ ๋ธ๋ก์ด ์ถ๊ฐ ํธ์ง ์ปจํธ๋กค์ ํ์ ํ ์ ์๋ค๋ ์ ์ ๊ธฐ์ตํ๋ ๊ฒ์ ๋๋ค.
์ด ์์ด๋์ด๋ฅผ ํ์ฉํ์ฌ ์ด ๋ธ๋ก์ ์์๋ฅผ ๋ ์ฝ๊ฒ ์ ํํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์ด ๋ธ๋ก ๋๋ ๊ทธ ํ์ ํญ๋ชฉ์ด ์ ํ๋๋ฉด ์ปจํ ์ด๋์ ํจ๋ฉ์ด ์ ๋๋ฉ์ด์ ๋์ด ํ์ ์์๋ฅผ ์ ํํ ์์๋ ๊ณต๊ฐ์ ๋ง๋ญ๋๋ค. ์ด๋ ๊ฒํ๋ฉด ์ธก๋ฉด UI์ ์ก์ธ์ค ํ ์ ์์ต๋๋ค. ํจ๋ฉ์ด ํ์ฅ ๋ ๋ถ๋ชจ ๋ธ๋ก (์ : ํ์ ) ์ฃผ์์ ํ ๋๋ฆฌ๋ฅผ ํ์ํ๋ ค๊ณ ํฉ๋๋ค.
์ด๊ฒ์ด @jasmussen ์ด ์์์ ์ ์ํ ๋ด์ฉ์ธ์ง 100 % ํ์คํ์ง ์์ง๋ง ํธ์ง ๋ชจ๋์์ ๋ถ๋ชจ ๋ธ๋ก์ ์ผ๋ถ ํจ๋ฉ + ์๊ฐ์ ํ์๊ธฐ๋ฅผ ์ถ๊ฐํ๋ฉด ์ฌ๊ธฐ์ ํฐ ๋์์ด ๋ ์ ์์ต๋๋ค. ์ด๋ ๊ฒํ๋ฉด ์์ ํญ๋ชฉ์ ์ ํํ๋ ค๋ ๊ฒฝ์ฐ ํด๋ฆญํด์ผํ๋ ์์น๊ฐ ๋ช ํํ๊ฒ ํ์๋ฉ๋๋ค.
๋๊ตฐ๊ฐ๊ฐ ๋ธ๋ก์ ๋น ์ ธ ๋๊ฐ๋ฉด ํด๋น ์ถ๊ฐ ํจ๋ฉ์ด ์ฌ๋ผ์ ธ ๋ธ๋ก์๋ณด๋ค ์ ํํ๊ฒ ํํํ ์ ์์ต๋๋ค.
์ด ์ถ๊ฐ ์ ์ค ์์ญ์ ๋ธ๋ก์ ์๋จ๊ณผ ํ๋จ์์ ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก ๊ทธ๋ฐ ๋ฐฉ์์ผ๋ก ์ ํํ๊ธฐ๊ฐ ํจ์ฌ ๋ ์ด๋ ต์ต๋๋ค.
์ด ๋ฌธ์ ์ ๋ํ ํฐ์ผ์ด ์์๋๋ฐ ์ด๋ ํ์ ์ฝ์ ๊ธฐ๊ฐ ์๋ํ๋ ๋ฐฉ์๊ณผ ๊ด๋ จ์ด ์์ต๋๋ค. ์ง๊ธ์ ์ฐพ์ ์ ์์ง๋ง์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ด์ผํ๋ค๊ณ ์๊ฐํฉ๋๋ค. @aduth ๋ฒจ์
์ด๊ฒ์ด @jasmussen ์ด ์์์ ์ ์ํ ๋ด์ฉ์ธ์ง 100 % ํ์คํ์ง ์์ง๋ง ํธ์ง ๋ชจ๋์์ ๋ถ๋ชจ ๋ธ๋ก์ ์ผ๋ถ ํจ๋ฉ + ์๊ฐ์ ํ์๊ธฐ๋ฅผ ์ถ๊ฐํ๋ฉด ์ฌ๊ธฐ์ ํฐ ๋์์ด ๋ ์ ์์ต๋๋ค. ์ด๋ ๊ฒํ๋ฉด ์์ ํญ๋ชฉ์ ์ ํํ๋ ค๋ ๊ฒฝ์ฐ ํด๋ฆญํด์ผํ๋ ์์น๊ฐ ๋ช ํํ๊ฒ ํ์๋ฉ๋๋ค.
๊ทธ๊ฒ์ ๋ด๊ฐ ์๋ฏธํ๋ ๋ฐ๊ฐ ๋ค์ ์ ํํ๋ฉฐ ๋ด๊ฐ ํ ์์๋ ๊ฒ๋ณด๋ค ๋ ์๋ฆ๋ต๊ฒ ์๊ฐํ๋์์ต๋๋ค.
๋ด๊ฐ ์๋ฏธํ๋ ๋ฐ๋ฅผ ์ค๋ช ํ๊ธฐ ์ํด ์ถ๊ฐ ํฌ๋ ์ฉ ์ค์ผ์น๊ฐ ์์ต๋๋ค. ์ด ๋ธ๋ก :
๋ณธ์ง์ ์ผ๋ก ๋น์ ์ด ๊ฐ์ง๊ณ ์๋ ๊ฒ, Kjell โ ์๋ง๋ ์ ์ ์ด ์ฝ๊ฐ ๋ ์ด๋ก๊ฒ ๋ณด์ผ ๊ฒ์ ๋๋ค. ๋ํ ์ด ๋ธ๋ก์ ์ถ๊ฐ ๊ฐ๋ฐ ๋ฐฉ๋ฒ์ ๋ฐ๋ผ _column_ ๋ธ๋ก๋ ์์์ ๊ธฐ์ตํ์ญ์์ค. ์ฆ, ํ์ฌ ๊ณ์ธต ๊ตฌ์กฐ๋ _Columns โ Column โ Image_์ ๋๋ค. ์ฐ๋ฆฌ๋ ๋ ๋ฒ์งธ ์์ค์ ๋ค์ ๋ณด์ด์ง ์๊ฒ ๋ง๋ค๊ธฐ ์ํด ์น์ดํ CSS ๋ง๋ฒ์ฌ๋ฅผ ์ฌ์ฉํ๊ณ ์์ง๋ง ๋์ค์ CSS ํด๋์ค๋ฅผ ์ ์ฉํ๊ฑฐ๋ ๊ฐ๋ณ ์ด์ ํ์ํ ๋ค๋ฅธ ์ต์ ์ ์ ํํ๋ ค๋ ๊ฒฝ์ฐ์๋ ๊ณ ๋ คํ ๊ฐ์น๊ฐ ์์ต๋๋ค.
์ฌ๋ผ์ด๋ ์ผ ๋ธ๋ก :
๋ช ํํ๊ฒ ๋งํ๋ฉด ์ฌ๋ผ์ด๋ ์ผ ๋ธ๋ก์ด ๊ณํ๋์ด ์์ง ์์ต๋๋ค. ์ด๊ฒ์ ๋ธ๋ก์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ํธ์ง ๋ชจ๋๊ฐ _ ๋๊ฒ _ ๋ค๋ฅผ ์ ์๋ค๋ ์ ์ ์ค๋ช ํ๊ธฐ ์ํด ์์ํ๊ฒ ๋์ ๋ ๊ฒ์ ๋๋ค. ๋จ์ํ ๋ธ๋ก์ ์ ํํ๊ณ ์ ํ์ ์ทจ์ํ์ฌ ๋ ๋ชจ๋ ์ฌ์ด๋ฅผ ์ ํํ๋ ๊ฒ์ ๋งค์ฐ ์ฝ๊ณ ๋๋๋๋ก ์ค๋จ๋์ง ์์ผ๋ฏ๋ก ์ฐ๋ฆฌ๋ ๊ทธ๊ฒ์ ์์งํ๊ณ ๊ธฐํ์ ๋ํด ์ฐฝ์์ ์ด ๋ ์ ์์ด์ผํฉ๋๋ค.
์ฌ๋ผ์ด๋ ์ผ ๋ธ๋ก์ ๊ฒฝ์ฐ ๊ฑฐ์ ์ ์์ ๋ฐ๋ผ ์ฝํ ์ธ ๊ฐ ํ๋ฉด / ๋ธ๋ก ์ธ๋ถ์์ ๋ณด์ด์ง ์์ต๋๋ค. ํ์ง๋ง ํธ์ง ํ ๋ ๊ผญ ๊ทธ๋ด ํ์๋ ์์ต๋๋ค. ํธ์ง ๊ฐ๋ฅํ ์บก์ ์ด์๋ ์ธ๋ค์ผ์ ๋ณด๋ ค๋ฉด ๋ธ๋ก์ ์ ํํ๊ธฐ ๋งํ๋ฉด๋ฉ๋๋ค. ๊ทธ๋ฐ ๋ค์ ๋ธ๋ก์ ์ ํ ์ทจ์ํ์ฌ ๊ฒฐ๊ณผ๋ฅผ ๋ฏธ๋ฆฌ ๋ด ๋๋ค.
์ด ๋ฌธ์ ์ ๋ํ ํฐ์ผ์ด ์์๋๋ฐ ์ด๋ ํ์ ์ฝ์ ๊ธฐ๊ฐ ์๋ํ๋ ๋ฐฉ์๊ณผ ๊ด๋ จ์ด ์์ต๋๋ค. ์ง๊ธ์ ์ฐพ์ ์ ์์ง๋ง์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ด์ผํ๋ค๊ณ ์๊ฐํฉ๋๋ค. @aduth ๋ฒจ์
๊ฐ์ฅ ๊ฐ๊น์ด ๊ฒ์ # 8883, # 8881, # 5180 ์ค ํ๋ ์ผ ์ ์์ต๋๋ค.
๋ฌธ์ ํธ๋ฆฌ๊ฐ ๋์์ด๋์ง๋ง ์ฌ์ ํ ๋ด๊ฐ ์กฐ์ํ๋ ค๋ ๊ฒ์์ ์ด์ ์ ๋ณ๊ฒฝํด์ผํฉ๋๋ค. ์ค์ ๋ธ๋ก๊ณผ ์ค์ฒฉ ๋ ๋ธ๋ก์ ์ง์ ํด๋ฆญํ๋ ๋ ์ข์ ๋ฐฉ๋ฒ์ ์ํฉ๋๋ค. @jasmussen ์ด ์์์ ์ค๋ช ํ ํด๋ฆญ ์ค๋ฃจ ๋ฐฉ๋ฒ์ด ๋ ๋ง์ด ํ์ ํ ๊ฐ์น๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
๋ด๊ฐ ์ผ๋ฐ์ ์ผ๋ก ๊ฒฝํํ๋ ๋ฌธ์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์ฌ์ฉ์๋ก์ ๋๋ ํ๋ฉด์ ๋ค๋ฅธ ๊ณณ์์๋ ๋ค๋ฅธ ์๋ฃจ์ ์ ์ฐพ๊ธฐ ์ ์ ์ ์ด๋ 1 ๋ถ ๋์ ์ด๊ฒ์ผ๋ก ์ธ์ธ ๊ฒ์ ๋๋ค. ๐
* _์ด ๋๊ธ์ ์ถ๊ฐํ์ ๋ ๋ค๋ฅธ ๋๊ธ์ด ๋ง์ด ๋์์ต๋๋ค. ์ง๊ธ์ ๊ทธ๋ค์ง ์ ์ ํ์ง ์์ ์๋ ์์ง๋ง, ํฌ์์ ๋ฌธ์ํํ๊ธฐ ์ํด ์ฌ๊ธฐ์ ๋ณด๊ดํ๊ณ ์์ต๋๋ค ._
๊ทธ๋ฌ๋ ํธ์ง ๋ชจ๋์์ ํจ๋ฉ + ๋ถ๋ชจ ๋ธ๋ก์ ์๊ฐ์ ํ์๊ธฐ๋ฅผ ์ถ๊ฐํ๋ฉด ์ฌ๊ธฐ์์ ํฐ ๋์์ด ๋ ์ ์์ต๋๋ค. ์ด๋ ๊ฒํ๋ฉด ์์ ํญ๋ชฉ์ ์ ํํ๋ ค๋ ๊ฒฝ์ฐ ํด๋ฆญํด์ผํ๋ ์์น๊ฐ ๋ช ํํ๊ฒ ํ์๋ฉ๋๋ค.
์ด ์๋ฃจ์ ์ ๋ํ ๋ด ๊ด์ฌ์ฌ๋ ์ฃผ๋ณ ๋ธ๋ก๊ณผ ๊ด๋ จํ์ฌ ํจ๋ฉ์ด ์๋ํ๋ ๋ฐฉ์์ ๋๋ค.
๋ถ๋ชจ ๋ธ๋ก์ ํจ๋ฉ์ด ํ๋ฐํธ ์๋์ ๋ฐ์๋ฉ๋๊น? ์๋๋ฉด ํธ์ง๊ธฐ์์ ๋ ๋ง์ ํจ๋ฉ?
๋ธ๋ก์ด ์ ํ๋๋ฉด ํจ๋ฉ์ด ๋์ ์ผ๋ก ์ถ๊ฐ๋ฉ๋๊น?
์ด ๊ฐ๋ ์ ๋ ๊น์ด ํํค ์น๋ ค๊ณ ํฉ๋๋ค. ๊ทธ๊ฒ์ ๋ํ ๋ช ๊ฐ์ง ์๊ฐ์ ์ข์ํ ๊ฒ์ ๋๋ค.
@aduth ๊ฐ์ฌํฉ๋๋ค, ๋น์ ์ ์ ์ด๋ ์ฌ๋ฐ๋ฅธ ๋ฐฉํฅ์ผ๋ก๊ฐ๋ ํฐ์ผ์ ์ฐพ๋๋ก ๋ง๋ค์์ต๋๋ค. # 9229์ GIF๋ ๋ฌธ์ ๋ฅผ ์ค๋ช ํฉ๋๋ค. GIF์ ๋ ธ๋์ ์์ญ์ ํ์ ์ฝ์ ๊ธฐ๋ฅผ ์ํด "์์ฝ"๋์ด ์์ต๋๋ค. ์ด๊ฒ์ด ๋ธ๋ก ์ ๋๋ ์๋์ ํจ๋ฉ์ ํด๋ฆญํ์ฌ ๋ธ๋ก์ ์ ํํ์ง ๋ชปํ๊ฒํ๋ ๊ฒ์ ๋๋ค. ์ด๊ฒ์ด @kjellr ์ ์๊ฒฌ์ ๋ํ ๋๋ต์ ๋๋ค.
์ด ์ถ๊ฐ ์ ์ค ์์ญ์ ๋ธ๋ก์ ์๋จ๊ณผ ํ๋จ์์ ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก ๊ทธ๋ฐ ๋ฐฉ์์ผ๋ก ์ ํํ๊ธฐ๊ฐ ํจ์ฌ ๋ ์ด๋ ต์ต๋๋ค.
๋ ๋ช ํํํ๊ธฐ ์ํด ๋ ธ๋์ ์์ญ์ ํ์ ์ฝ์ ๊ธฐ ๋ฒํผ์ ๋ณด์ด๊ฒํ๊ธฐ์ํ ๊ฒ์ ๋๋ค. ๊ทธ๋์ ์ฐ๋ฆฌ๊ฐ ๊ฐ๋ก ์ฑ๊ธฐ ์ํด ํ์ํ ๊ฒ์ _hover_ ์ก์ ์ ๋๋ค. ํด๋ฆญ์ด ์ฌ์ ํ ๋ ธ๋์ ๋ง๋๋ฅผ ํตํด ์ ํ๋๊ณ ์๋ ๋ธ๋ก์ ์ ํํ ์ ์๋ค๋ฉด ์ข์ ๊ฒ์ ๋๋ค.
๋ฌธ์ ํธ๋ฆฌ๊ฐ ๋์์ด๋์ง๋ง ์ฌ์ ํ ๋ด๊ฐ ์กฐ์ํ๋ ค๋ ๊ฒ์์ ์ด์ ์ ๋ณ๊ฒฝํด์ผํฉ๋๋ค. ์ค์ ๋ธ๋ก๊ณผ ์ค์ฒฉ ๋ ๋ธ๋ก์ ์ง์ ํด๋ฆญํ๋ ๋ ์ข์ ๋ฐฉ๋ฒ์ ์ํฉ๋๋ค. @jasmussen ์ด ์์์ ์ค๋ช ํ ํด๋ฆญ ์ค๋ฃจ ๋ฐฉ๋ฒ์ด ๋ ๋ง์ด ํ์ ํ ๊ฐ์น๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
ํ์ฌ ๊ตฌํ์ด ์ฝ๊ฐ ๋์ด ์ก๋๋ผ๋ ์ค์ ๋ก ์ง๊ธ ๋ฐ๋ก ํ ์คํธ ํ ์ ์์ต๋๋ค.
์ฆ, ์์ ๋ธ๋ก์๋ณด๋ค ์ฝ๊ฒ โโ์ ํํ ์ ์๋๋ก ๋ชจ๋ฐ์ผ ์ฉ์ผ๋ก ๊ตฌํ๋ฉ๋๋ค.
GIF :
ํ์ฌ ๊ตฌํ์ ๋ฌธ์ ์ ์ ๊ฐ์ฅ ๊น์ ์์ค์ผ๋ก ๋๋ฆด ๋ค์ดํ๋ฉด "์ํ"๊ฐ ์ฌ์ค์ ๋๋ค๋ ๊ฒ์ ๋๋ค. ๋ฐ๋ผ์ ๋์ผํ ๋จ๋ฝ์ ๋ ๋ฒ ์ ํํ๋ ๊ฒฝ์ฐ์๋ ์ด> ์ด> ๋จ๋ฝ, ์ด> ์ด> ๋จ๋ฝ์ ๋๋ค. ์ด ๋ฌธ์ ์ ๋ํ ํ์คํ ํด๊ฒฐ์ฑ ์ ์ํ๋ ์์ค์ผ๋ก "๋๋ฆด ๋ค์ด"ํ ํ ๋ธ๋ก์ ๋ค์ ์ ํ ์ทจ์ ํ ๋๊น์ง ํด๋น ์์ค์ _ ์ ์ง _ํ๋๋ก ๋ง๋๋ ๊ฒ์ ๋๋ค. ์ฆ, ์ด> ์ด> ๋จ๋ฝ, ๋จ๋ฝ, ๋จ๋ฝ, ์ ํ ์ทจ์, ๋๊ฐ๊ธฐ ๋ฑ
๋ํ _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
๋ค์ ์ ์ ์ด์ง๋ง ์์ ์ ์ดํดํ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
๊ทธ๊ฒ์ ์ ๋ง๋ก ์์ ์ ์ดํดํ๋ ๋ฐ ๋์์ด๋ฉ๋๋ค. ํด๋ฆญ์ ํ์ ํ ๋๋ฆฌ๊ฐ ์ด๋ป๊ฒ ๋ํ๋๋์ง ํ์ธํ ์ ์๋๋ก ์ฝ๊ฐ ์์ ํ์ต๋๋ค.
์ด๊ฒ์ ์๋ฒฝํฉ๋๋ค, 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๋ฅผ ์ ํ ๊ฐ๋ฅํ๊ฒ ๋ง๋ ๋ค (์ด์ ์๋ ์ ํํ ์ ์์ ์).
Columns Block์ ์์ง ์ ๋ ฌ์ ์ถ๊ฐํ๊ธฐ ์ํด ์ฐฉ๋ฅํ๋ ค๋ ์์ ์ _individual_ Columns๋ฅผ ์ ํ ๊ฐ๋ฅํ๊ฒ ๋ง๋ญ๋๋ค (์ด์ ์๋ ์ ํํ ์ ์์์ต๋๋ค)
์ฌ๊ธฐ์ ์ฃผ๋ชฉ ํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ด๊ฒ์ด์ด ์ํธ ์์ฉ์ ์กฐ๋ง๊ฐ ์ ๋ฆฌํด์ผํ๋ ์ด์ ์ ๋๋ค.
๋ธ๋ก ํ ๋๋ฆฌ์ ๊ด๋ จํ์ฌ ์ค๋ ์ผ์ฐ @jasmussen ๊ณผ ๋ ผ์ํ ๋ด์ฉ์ ๊ณต์ ํ๊ณ ์ถ์์ต๋๋ค.
์ด๊ฒ์ ์์ ์ผ๋ถ ๋ชจํ ์์
์ด ์์์๋ ์ด์ ์ด ๋ง์ถฐ์ง ์ํ์ ์ด๋์ด ํ ๋๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค. ๋ธ๋ก์ด ๋ถ๋ชจ ๋๋ ์์ ๋ธ๋ก ์ธ ๊ฒฝ์ฐ ๋ค๋ฅธ ๊ด๋ จ ํญ๋ชฉ ์ฃผ์์ ์ ์ ์ผ๋ก ๋ ๋ฐ์ ํ ๋๋ฆฌ (์ถ๊ฐ ํจ๋ฉ ํฌํจ)๋ฅผ ํฌํจํ์ต๋๋ค. ์ด๋ฅผ ํตํด ์ฌ์ฉ์๋ ๋ธ๋ก ๊ณ์ธต ๊ตฌ์กฐ์์ ์์ ์ด ์ด๋์ ์๋์ง ๋ช ํํ๊ฒ ์๊ฐํํ๊ณ ๋ค๋ฅธ ์ค์ฒฉ ๋ธ๋ก์ ์ ํํ๊ธฐ ์ํด ํด๋ฆญ ํ ์์๋ ์์น๋ฅผ ๋ช ํํ๊ฒ ํ์ ํ ์ ์์ต๋๋ค.
@kjellr ์ ๋ง ์ข์์. ๊ทธ๊ฒ์ ๊ตฌ์กฐ๊ฐ ๋ฌด์์ธ์ง ๋งค์ฐ ๋ช ํํ๊ฒ ๋ง๋ญ๋๋ค.
๊ทธ๋ฌ๋โฆ ๋๋ ์ฐ๋ฆฌ๊ฐ ๋ค์ ์ ์ ์ ๋๋น ๋ฌธ์ ์ ๋ถ๋ช ํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ค. ํ์คํ๊ฒ ๋งํ ์๋ ์์ง๋ง ์ ์ ๋์ ์ ์ ๊ทผ์ฑ ๊ธฐ์ค์ ๋ฐ๋ผ์ผํ๋ค๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ํจ์ฌ ๋ ๋์ ๋๋น๋ฅผ ๋ง๋๋ ๊ฒ์ ์๋ง๋ ์ด์ ์ ๋ฌดํจํ ํ ์์๋ ์๊ฐ์ ์ธ ๋ฌด๊ฑฐ์์ ์ ๋ฐํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
๊ทธ๋ฅ ํฐ ์๋ฆฌ๋ก ์๊ฐํ๊ณ ์์ต๋๋ค. ์๋ ฅ์ด ์ข์ ์ฌ์ฉ์๋ก์์ ์ธ๋ชจ๊ฐ ์ ๋ง ๋ง์์ ๋ค์ง๋ง, ๋ด ๋ง์์ ๋๋ ํผ๋๋ฐฑ๋ง์ผ๋ก๋ ์ถฉ๋ถํ์ง ์์ต๋๋ค. :)
๋ด ํ๋ฉด์๋ ์ฒ์์๋ ์ ์ ๋ ๋ณด์ด์ง ์์์ต๋๋ค. ๋ด ํ๋ฉด์ด ์ฝ๊ฐ ๊ธฐ์ธ์ด์ง๋ฉด ๊ฑฐ์ ๋ณด์ด์ง ์์ต๋๋ค.
์ ๊ทผ์ฑ์ด ๋จ์ด์ง ๊ฒฝ์ฐ ๋๋น๋ฅผ ๋ฎ์ถ ํ์๊ฐ ์์ต๋๋ค. _little_ ๋ผ์ดํฐ์ด๊ณ ๋ค๋ฅธ border-style
์ฌ์ฉํ๋ ํ ์ ์๋ ํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
์ฃ์กํฉ๋๋ค. ์๋ ๋๊ธ์์ ๋ ๋ช ํํด์ผํ์ต๋๋ค. Joen๊ณผ ์ด์ผ๊ธฐํ๋ ๋์ ๋ช ๋ถ ๋ง์ ๋ชจํ์ ๋ง๋ค์์ต๋๋ค. ๋น์ ํ๋ฉด์ ์๋ ํ์์์ ๋ฌด์์๋ก ์์์ ์ ํํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ๐ ์ ํํ ์์์ ์ต์ข ์๋ฃจ์ ์ ์ ๋ฌํ๋ ๊ฒ์ด ์๋๋ผ ์ผ๋ฐ์ ์ธ ์ ๊ทผ ๋ฐฉ์์ ๋๋ค.
๋ถ๋ชจ ๋ธ๋ก์ ํจ๋ฉ์ ์ถ๊ฐํ์ฌ ๋ด๋ถ ๋ธ๋ก์ด ํ๋ฐํธ ์๋ (# 14148 # 14169)์ ์ผ์นํ์ง ์๊ฒํ๋ ๊ฒ์ ๋ํ ์ฐ๋ ค์ ๋ํ ์๋ต์ผ๋ก ๋ค๋ฅธ ์์ด๋์ด๋ฅผ ์์ ํ์ต๋๋ค.
์ด๋ฅผ ์ํด์๋ ๋ ๋ง์ ๊ฐ๋ฐ์ด ํ์ํ์ง๋ง ์ข์ ์ต์ ์ด ๋ ์ ์์ต๋๋ค.
๊ธฐ๋ณธ์ ์ผ๋ก ๋ถ๋ชจ ๋ธ๋ก์ ํด๋ฆญํ๋ฉด ํ์ฅ (์ผ๋ฐ ๋ธ๋ก๋ณด๋ค ์ปค์ง)ํ์ฌ ์์ / ๋ถ๋ชจ ์ ํ์ ์ฝ๊ฒํ๋ ๋ฐ ํ์ํ ํจ๋ฉ์ ์ ๊ณตํฉ๋๋ค. ์ด๋ ๊ฒํ๋ฉด ๋ด๋ถ ๋ธ๋ก์ด ํ๋ฐํธ ์๋์ ์ผ๊ด๋๊ฒ ์๊ฐ์ ์ผ๋ก ์ ์ง๋ฉ๋๋ค.
์คํฌ๋ฆฐ ์บ์คํธ
InVision ํ๋กํ ํ์
https://wp.invisionapp.com/share/EGQRWRC8MFT
์ฅ์
๋จ์
๊ธฐ๋ณธ์ ์ผ๋ก ๋ถ๋ชจ ๋ธ๋ก์ ํด๋ฆญํ๋ฉด ํ์ฅ (์ผ๋ฐ ๋ธ๋ก๋ณด๋ค ์ปค์ง)ํ์ฌ ์์ / ๋ถ๋ชจ ์ ํ์ ์ฝ๊ฒํ๋ ๋ฐ ํ์ํ ํจ๋ฉ์ ์ ๊ณตํฉ๋๋ค. ์ด๋ ๊ฒํ๋ฉด ๋ด๋ถ ๋ธ๋ก์ด ํ๋ฐํธ ์๋์ ์ผ๊ด๋๊ฒ ์๊ฐ์ ์ผ๋ก ์ ์ง๋ฉ๋๋ค.
๊ทธ๊ฒ์ ํ์ญ์์ค. ๋ธ๋ก ๋๊ตฌ ๋ชจ์์ด ์ผ์ชฝ ํ ๋๋ฆฌ์ ๊ฐ์ ๋์ด๋ฅผ ์ ์งํ๊ณ ์ถ์ง๋ง ์ด๊ฒ์ด ๊ตฌํ ์ธ๋ถ ์ฌํญ์ ๋๋ค.
์ค์ ๋ก ๋ ์ปค์ง ์์๋ ์์ ํ๋ฉด์์๋ ๋์ ์ด ๋ ๊ฒ์ด์ง๋ง, ํด๊ฒฐ ๊ฐ๋ฅํ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค.
ํนํ ์ด๋ฌํ ์ ๊ทผ ๋ฐฉ์์ ๋ด๋ถ ๋ธ๋ก์ด์๋ _any_ ๋ธ๋ก์ผ๋ก ํ์ฅ ๋ ์์๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค. ์ฌ์ง์ด๋ ์ ํ์ด ๊ฐ๋ฅํ ํ ๋ฐฉํด๋ฐ์ง ์์์ผํ๋ ๊ธฐ๋ณธ ํ ์คํธ ๋ธ๋ก ์ธ Quote ๋ธ๋ก๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
์ ๋ง๋ก, ์ ๋ง๋ก ๋น์ ์ ์์ ์ ํํค์ณ ๋ผ, Kjell โ ๊ทธ๊ฒ์ Mark์ ์์ด๋์ด๋ก ๋ณด์ด์ง ์๊ฒ ์๋ ํ ์์์๋ฟ๋ง ์๋๋ผ, _ ํ์ํ ๋ _ ๋ฌธ์์ ๊ตฌ์กฐ๋ฅผ ๊ฐ์กฐํ๋ ๋ฐ ๋์์ด๋์ง๋ง, ์์ฑํ๊ณ ์ถ์ ๋ ํ๋ฆ์ ๊นจ๋จ๋ฆฌ์ง ์์ต๋๋ค. ํ์คํ ๋ฐฉํฅ์ผ๋ก ๋๊ปด์ง๊ณ , ์ฐ๋ฆฌ์๊ฒ ํ์ํ ๊ฒ์ ๋ค์์ ๋ํ ๊ฐ๋ ฅํ ๊ฐ๋ฐ์์ ๋๋ค.
๊ตฌํ ์ฐธ๊ณ ์ฌํญ์์-์ ์ ๋ถ๋ชจ๋ ์ด๋ก ์ ์ผ๋ก ์ ํํ ๋ธ๋ก๊ณผ ๋์ผํ ์์์ ๊ฐ์ง ์ ์์ง๋ง ์ ์ ์ผ๋ก ์ธํด ์ฌ์ ํ ๋ณด์กฐ๋ก ํ์๋ฉ๋๋ค. ๋ถ๋ชจ๋ฅผ ๊ฐ๋ฆฌํฌ ๋ ์ค๊ณฝ์ ์ด ๋จ์์ด ๋ ์ ์์ผ๋ฉฐ, ํด๋ฆญ ํ ๋ ์ผ์ด๋ ์ผ์ ๋ํ ๋ด๊ธฐ ์ํด _child_ (๋ง์ฐ์ค๋ฅผ ๊ฐ๋ฆฌํฌ ๋ ์ ํํ ๊ฒ)๋ฅผ ํ์ ์ผ๋ก ๋ง๋ค ์๋ ์์ต๋๋ค.
๊ตฌํ ์ฐธ๊ณ ์ฌํญ์์-์ ์ ๋ถ๋ชจ๋ ์ด๋ก ์ ์ผ๋ก ์ ํํ ๋ธ๋ก๊ณผ ๋์ผํ ์์์ ๊ฐ์ง ์ ์์ง๋ง ์ ์ ์ผ๋ก ์ธํด ์ฌ์ ํ ๋ณด์กฐ๋ก ํ์๋ฉ๋๋ค. ๋ถ๋ชจ๋ฅผ ๊ฐ๋ฆฌํฌ ๋ ์ค๊ณฝ์ ์ด ๋จ์์ด ๋ ์ ์์ผ๋ฉฐ, ํด๋ฆญ ํ ๋ ์ผ์ด๋ ์ผ์ ๋ํ ๋ด๊ธฐ ์ํด _child_ (๋ง์ฐ์ค๋ฅผ ๊ฐ๋ฆฌํฌ ๋ ์ ํํ ๊ฒ)๋ฅผ ํ์ ์ผ๋ก ๋ง๋ค ์๋ ์์ต๋๋ค.
์! ๋๋ ๊ทธ๊ฒ๋ ์์ ํ ์๋ ํ ์ ์๋ค๊ณ ์๊ฐํ๋ค. # 14145๊ฐ ์ด๋๋ก ๊ฐ๋์ง๋ณด๊ณ ๊ฑฐ๊ธฐ์์ ์น๋ฃ๋ฒ์ ์์ ๋ด ์๋ค. ๐
๋ํ ๋จ์ผ ์ด์ ์ ํ ๊ฐ๋ฅํ๊ฒ ๋ง๋ค์์ ๋ ํ ๋๋ฆฌ๋ฅผ ์์ ํ์ง๋ง PR ๋ฒ์๋ฅผ ๋ฒ์ด๋ ๊ฒ์ผ๋ก ์ ๊ฑฐ๋์์ต๋๋ค. ๋ถ๋ช ํ UX ๊ฐ์ ์ฒ๋ผ ๋๊ปด์ก์ต๋๋ค. ์ด๊ฒ์ด ํฅํ๋ ๋ฐฉ์์ ์ฌ๋ํฉ๋๋ค!
์ฐธ๊ณ : ์์ ์์ด๋์ด ๋ฅผ ํ์์์ํ ๋ณ๋์ ๊ฐ๊ฒฐํ ๋ฌธ์ ๋ก ์ ํํ๊ณ ์์ต๋๋ค. ์ฌ๊ธฐ๋ฅผ ๋ฐ๋ฅด์ญ์์ค.
https://github.com/WordPress/gutenberg/issues/14935
๋๊ตฌ๋ ์ง ์๋
๊ฐ ์ ํ๋์์ ๋ ๋ถ๋ชจ ๋ธ๋ก์ has-child-selected
ํด๋์ค๋ฅผ ์ถ๊ฐํ๊ธฐ ์ํด ์ฐธ์ฌํ ์ ์๋ค๋ฉด ์ด๊ฒ์ด ์์ํ๋ ๋ฐ์์ด ์ ์ผํ ์ฐจ๋จ๊ธฐ์
๋๋ค.
์๋ก ๋์ ๋ ๊ทธ๋ฃน ๋ธ๋ก์ ํ ์คํธ ํ ํ ๋ฐ๊ฒฌ ํ ๊ด๋ จ ๋ฌธ์ :
ํ์ฌ ํผ๋์ค๋ฌ์ด ์ ์ ๊ทธ๋ฃน ๋ธ๋ก์ ์ฝ์ ํ ๋ ์ค์ ๋ก ๋ณด์ด๋ ๊ฒ์ด ๋จ๋ฝ ๋ธ๋ก์ด๋ผ๋ ๊ฒ์ ๋๋ค.
์ ์ด๋ ๋ค์๊ณผ ๊ฐ์ด ํ ์ ์์ต๋๊น?
๋๋ @mtias ๊ฐ ๋ธ๋ก ํ์ ๊ธฐ๋ฅ์ ์ฌ์ฌ์ฉํ์ฌ ๋น๊ณต๊ฐ ์ฑํ ์์ ์ ์ํ ๋ด์ฉ :
_ ๊ทธ๊ฒ๋ค์ ๊ฒฐ์ฝ ์ต์ข ๋์์ธ ์ ์์ด ์๋๋๋ค ๐_
@gziolo ๊ทธ ๋ฌธ์ ๋ # 14241๋ก ํด๊ฒฐ ๋ ์์ ์ ๋๋ค. ๋๋ ๋น์ ๊ณผ ๋์ํฉ๋๋ค, btw, ๊ทธ๋์ ๊ณง ๊ทธ๊ฒ์ ๋ฐ์กํ๊ฒ๋์ด ์ข์ ๊ฒ์ ๋๋ค :)
@gziolo ๊ทธ ๋ฌธ์ ๋ # 14241๋ก ํด๊ฒฐ ๋ ์์ ์ ๋๋ค. ๋๋ ๋น์ ๊ณผ ๋์ํฉ๋๋ค, btw, ๊ทธ๋์ ๊ณง ๊ทธ๊ฒ์ ๋ฐ์กํ๊ฒ๋์ด ์ข์ ๊ฒ์ ๋๋ค :)
์, ๋ถ๋ถ์ ์ผ๋ก ๋งํ ๊ฒ์ ๋๋ค. ์ด ์๋ก์ด ์ฌ์ฉ์ ์ ์ ์ฝ์ ๊ธฐ๋ฅผ ์ฌ์ฉํ์ฌ ๋จ๋ฝ์ ์ฝ์ ํ๋ฉด ๋ค์ ์์ ์ผ๋ก ๋์๊ฐ๋๋ค ๐คทโโ๏ธ
# 14935๊ฐ ์ฌ๊ธฐ์๋ ๋์์ด ๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ํ ํ์ฌ ์ ํ๋ ๋ธ๋ก์ด ์ค์ฒฉ๋๋๋กํ๋ ๋ ๋ง์ ๋ฐฉ๋ฒ์ ๊ฐ์ง๋ ค๋ฉด ์ฌ์ด๋ ๋ฐ์์ ๋ช ๊ฐ์ง ์ต์ ์ ํ์ํด์ผํฉ๋๋ค.
์ ์. ๋๋ ์ฐ๋ฆฌ๊ฐ ์ฌ๊ธฐ์์ํ๋ ๊ฒ์ฒ๋ผ ์ฌ์ด๋ ๋ฐ์ ์ด๋ ๊ฒฝ๋ก๋ฅผ ๋ถํ์ํค๋ ๊ฒ์ ๋ํด ์๊ฐํ๊ณ ์์ต๋๋ค.
https://github.com/WordPress/gutenberg/issues/13309#issuecomment -458452168
๋จ์ํ๊ณ ๋น๊ต์ ์ฐ์ํ๋ฉฐ์ด ๋ฌธ์ (9628)์๋ ๋์์ด๋ฉ๋๋ค.
์์ ์์ด๋์ด ์ค ์ผ๋ถ์ ๋ํ ๋ฐ๋ณต์ ๋์ง๋๋ค.
๋ธ๋ก ๋ณํ / ์คํ์ผ์ ์ ์ฉ ํญ๋ชฉ์ผ๋ก ์ด๋ํ๊ณ ๋ธ๋ก ์์ด์ฝ์ ์์ฒด "๋ธ๋ก ํธ๋ฆฌ"ํจ๋๋ก ๋ง๋ค๋ฉด ์ด๋จ๊น์?
๋ธ๋ก ๋ณํ / ์คํ์ผ์ ๊ฐ์์ฑ์ ๋์ด๊ณ ์ฌ๋๋ค์ด ๋ค๋ฅธ ์ค์ฒฉ ๋ ๋ธ๋ก์ผ๋ก ์ข ๋ ๋ช ํํ๊ฒ ์ด๋ํ ์ ์๋๋ก ๋์ ์ค ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋ค์์ ๋ ๋ณต์กํ ์์ ์ ๋ชจํ์ ๋๋ค.
(๋ ์ปดํฌ์ง์ ๋ชจ๋ # 14961์ ์ค๊ณฝ์ / ํจ๋ฉ์ ์ฌ์ฉํฉ๋๋ค.)
๋งค์ฐ ํฅ๋ฏธ๋ก์ ๋ณด์ด๋ Kjell! ๊ทธ๋ฐ ๋ค์ ๋ธ๋ก ํ์ ์์ญ๊ณผ ์ฐ๊ฒฐ๋์ด ๋ ์ฌ์ด์ ์ผ๊ด์ฑ์ ๋ง๋ญ๋๋ค. ๋ธ๋ก ํ์์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๋ฉด ๋์ผํ ํ์ต์ด ์ค์ฒฉ ๋ ๋ธ๋ก์ ๊ณ์ ์ ํํ ์ ์์ต๋๋ค.
๋๋ ๊ฐ๋ ์ ์์ค์์ ๋ชฉ์ ์ ์ ๋ง ์ข์ํ์ง๋ง ์คํ์ ๋ํ ๋ฌด์ธ๊ฐ๊ฐ ์ฝ๊ฐ ์กฐ๋ฐํ๋ค๊ณ ๋๋๋๋ค. ํ์ฐ์ ์ผ๋ก ๋ ๋์ ์์ด๋์ด๊ฐ ์๋์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง, ์ข ๋ ๊ฐ๋ณ๊ฒ ๋๋ ์์๋ ๋ฐฉ๋ฒ์ด ์๋์ง ๊ถ๊ธํฉ๋๋ค.
๋ธ๋ก ๊ตฌ์กฐ์ ๋น ๋ฅธ ๊ฐ์๋ฅผ ์ฐพ๋ ๋ฐ ์ด๋ ค์์ ๊ฒช์๋ค๋ ๊ฒ์ ์๊ณ ์์ผ๋ฏ๋ก์ด ๊ฐ๋ ์์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐ ์ข์ ์์ด๋์ด์ ๋๋ค.
์ฌ๊ธฐ์ ๋ด ๊ด์ฌ์ฌ๋ @chrisvanpatten๊ณผ ์ ์ฌํฉ๋๋ค. ์ ์๊ฐํ์ง๋ง ๋ง์ ๊ฒ ๊ฐ์ต๋๋ค.
๋ฏน์ค์ ๋ค๋ฅธ ์๋ธ๋ก ์ ์ถ๊ฐํ๋ฉด (ํ์์ด๊ณ ์ค๋ฅธ์ชฝ์ ํฅํ์ง๋ง) ๊ตฌ๋ฌธ ๋ถ์์ด ๋ ์ด๋ ค์ ์ง ์ ์์ต๋๋ค.
์ด๊ฒ์ ํ๊ตฌํ๋ ๋์ ์๊ณ ํด์ผ ํ ๋ช ๊ฐ์ง ์๊ฐ. ์ด๊ฒ์ ์งํ ์ํฉ์ ์ ๋ฌํ๋ ๊ฐ์ฅ ๊ฐ๋จํ ์ ๊ทผ ๋ฐฉ์ ์ผ ์ ์์ต๋๋ค.
์ข ๋ ๊ฐ๋ณ๊ฒ ๋๋ ์์๋ ๋ฐฉ๋ฒ์ด ์๋์ง ๊ถ๊ธํฉ๋๋ค.
๋ค, ๊ณ์ธต ๊ตฌ์กฐ๊ฐ ๋ถ์กฑํ ๊ฒ๊ณผ ๊ด๋ จ์ด ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ฒซ ๋ฒ์งธ ๋๊ตฌ ๋ชจ์ ํญ๋ชฉ์ ์ ์ง ์์์ ์ข ๋ ๋น์ทํ๊ณ ๋ค๋ฅธ ํญ๋ชฉ์ ๋ธ๋ก์ ๋ณด์กฐ ์ต์ ์ฒ๋ผ ๋๊ปด์ผํฉ๋๋ค. ์ด๋ค ์ข ๋ฅ์ ๋ถ๋ฆฌ๊ฐ ํ์ํฉ๋๋ค. ์ด๊ฒ์ ์ฌ๋ฐ๋ฅธ ํด๊ฒฐ์ฑ ์ ์๋์ง๋ง ๋ํ๋ฅผ ์ํด์ ์กฐ๊ธ๋ง ๋์์ด๋๋ค๊ณ ์๊ฐํฉ๋๋ค.
ํน์ ์ปจํ ์คํธ์ ์ผ๋ถ ๋ธ๋ก์๋ ๋๋กญ ๋ค์ด์ ํ์ํ๋ ๋ค์ํ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. ๋ฏน์ค์ ๋ค๋ฅธ ์๋ธ๋ก ์ ์ถ๊ฐํ๋ฉด (ํ์์ด๊ณ ์ค๋ฅธ์ชฝ์ ํฅํ์ง๋ง) ๊ตฌ๋ฌธ ๋ถ์์ด ๋ ์ด๋ ค์ ์ง ์ ์์ต๋๋ค.
๊ทธ๋ด ์๋ ์์ต๋๋ค. ๋ด๊ฐ ์๊ฐํ์ง๋ ์๋ ์ด๊ฒ์ ํํํ๋ ๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด์์ ๊ฒ์ ๋๋ค. ์์งํ ๋งํ๋ฉด ํด๋ฐ์์๋ ๋ ๊ฐ๋จํ ์ถ๊ฐ "๋ธ๋ก ํธ๋ฆฌ"์์ด์ฝ์ด ๋ ์ ์์ผ๋ฉฐ, ๋ถ๋ชจ ๋๋ ์์ ์์์ ๋ํด ์๋์ผ๋ก ์ถ๊ฐ๋ฉ๋๋ค.
๋ค๋ฅธ ๋ฌธ์ ๋ ๋๊ตฌ ๋ชจ์์ด ๊ธธ์ด์ง๊ณ ์๋ค๋ ๊ฒ์ ๋๋ค. ํฐ ๋ฌธ์ ๋ ์๋์ง๋ง ์์ด์ฝ # 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์ ์ฐธ์กฐ๋ฅผ ๋ฐ๋ฅด๋ฉด ์ฌ์ ํ ์ฐพ์ ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ์๋ ์์ค๋ผ๋ ๊ฐ๋ ์ _adore_ํ๋๋ฐ, ํนํ ๋น์ ์ด ์ธ๊ธ ํ ๋ ๋ณต์กํ ๋ธ๋ก์ ๋ํ ๊ฒ์ ๋๋ค. ๋๋ ๊ทธ๊ฒ์ ๋๋ฌด ์ข์ํด์ ์ฆ์ ์คํํ๊ณ ์์ด๋์ด๋ฅผ ์ค๋ช ํ๊ธฐ ์ํด ๋ช ๊ฐ์ง ๋ชจํ์ ๋ฆฌ๋ฏน์คํ์ต๋๋ค.
์ ํ ์์ :
์ ํํ ์ฐจ๋จ :
์ ํํ ๋ด๋ถ์ ์ค์ฒฉ ๋ ๋ธ๋ก :
ํด๋ ํ์ ๋ฒํผ ํ์ ์ด ์ด๋ฆฝ๋๋ค.
โ๏ธ ์ ๋ ๊ทธ ๊ฐ๋ ์ด ๋ง์์ ๋ญ๋๋ค.์ด ์ค๋ ๋์์ ๊ณต์ ๋ ๋ชจ๋ ์์ด๋์ด์ ํผ๋๋ฐฑ์ด ํจ๊ป ๋ น์์ _solid_ ๊ธฐ์ค์ ์ด ๋ฐ๋ณต๋๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง๋๋ค. ์ ์ ํ ์๊ฐ์ ๊ฐ์ ธ์ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!