์นผ๋ผ ๊ธฐ๋ฅ์ด ๋ง์์ ๋๋๋ฐ ๋๋ฌด ๊ธฐ๋ณธ์ ์ธ ๊ฒ ๊ฐ์์. ๋์ผํ ๋๋น์ ์ด๋ง ์ค์ ํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ 2๊ฐ์ ์ด์ด ์๋ ๊ฒฝ์ฐ ๊ฐ ์ด์ ๋๋น๋ 50%์ด๊ณ 3๊ฐ์ ์ด์ด ์๋ ๊ฒฝ์ฐ ๊ฐ ์ด์ ๋๋น๋ 33%์ ๋๋ค.
๊ทธ๋ฌ๋ ๋๋ ๋ ๊ฐ์ ์ด์ ๊ฐ์ง ์ ์๊ธฐ๋ฅผ ์ํฉ๋๋ค. ๊ทธ ์ค ํ๋๋ 33%์ด๊ณ ๋ค๋ฅธ ํ๋๋ 66%์
๋๋ค. ์ด๊ฒ์ ์ค์ ํ๋ ์ ์ผํ ๋ฐฉ๋ฒ์ HTML ํธ์ง์ผ๋ก ์ด๋ํ์ฌ width="33%"
๋๋ ์ํ๋ ๋๋น๋ฅผ ๊ฐ ์ด์ <div>
ํ๊ทธ์ ์ถ๊ฐํ๋ ๊ฒ์
๋๋ค. ์ด๊ฒ์ ๋ด๊ฐ ์ํ๋ ๊ฒ์ ์์ฑํ์ง๋ง Gutenberg๋ ๋ธ๋ก ์ค์ ์ ๋ฐฑ๋ถ์จ ์ซ์๋ฅผ ์
๋ ฅํ๊ฑฐ๋ Excel์์์ ๊ฐ์ด ๋ ์ด ์ฌ์ด์ ์ ์ ๋๋๊ทธํ์ฌ ์ด ๋๋น๋ฅผ ์ ์ดํ๋ โโ๊ธฐ๋ฅ์ ์ ๊ณตํด์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
๋ด๊ฐ ์ค๋ช ํ HTML ํธ์ง ๋ฐฉ๋ฒ์ ์ฌ์ฉํ ๋์ ๋ ๋ค๋ฅธ ๋ฌธ์ (๊ทธ๋ฆฌ๊ณ ์๋ง๋ ์ด๊ฒ์ ์์ฒด ๊ฒ์๋ฌผ์ด ์์ด์ผ ํ๋ ๋ณ๋์ ๋ฌธ์ ์ ๋๊น?) ๋ค๋ฅธ ์ด์ ์ ์์ ํ ๋ค๋ฅธ ๋ฐฉ์์ผ๋ก Gutenberg๋ ๋ ๊ฐ์ง๋ฅผ ํ๋์ ๋จ์ผ ๋ธ๋ก์ผ๋ก ๊ฒฐํฉํ์ ๊ฒ์ ๋๋ค. ์ด๊ฒ์ ๋ฐฉ์งํ๊ธฐ ์ํด ์ฐพ์ ์ ์ผํ ๋ฐฉ๋ฒ์ ๋ธ๋ก ์ฌ์ด์ ๊ตฌ๋ถ์ ๋ธ๋ก์ ์ฌ์ฉํ์ฌ ๋ธ๋ก์ ๋ถํ ํ๋ ๊ฒ์ ๋๋ค. ํ์ง๋ง ๊ตฌ๋ถ์ ์ ์ํ์ง ์๊ณ ๋น ์ค๋ง ์์ผ๋ฉด ๋ฉ๋๋ค.
1.
2.
์ผ.
4.
์, ์ด ๊ฐ์ ์ ๊ธฐ์กด ํ์ด์ง ๋น๋์ ๊ฒฝ์ํด์ผ ํฉ๋๋ค.
์ด์ ๋ํ ๋ค๋ฅธ ๋ธ๋ก๊ณผ ๊ฐ์ด ์ด ์์ ๋ค๋ฅธ ์ฝํ ์ธ ๋ฅผ ์ค์ฒฉํ ์ ์์ด์ผ ํฉ๋๋ค.
ํ ์คํธ๋ง์ผ๋ก๋ ๊ทธ๋ค์ง ์ ์ฉํ์ง ์๊ธฐ ๋๋ฌธ์ ์ด์ ํ์คํ ๋ค๋ฅธ ๋ธ๋ก์ ์ถ๊ฐํ ์ ์์ด์ผ ํฉ๋๋ค. ์ด๊ฒ์ ๋ค๋ฅธ ํ์ด์ง ๋น๋์ ์ ๋ ฌ๋๊ณ ๋ ์ด์์๊ณผ ๊ฐ์ ๊ฒฉ์๋ฅผ ํ์ฉํฉ๋๋ค.
์ค์ฒฉ UI๊ฐ ๊ณง ์ ๊ณต๋ ์์ ์ด๋ฏ๋ก ์ด ๋ฌธ์ ๋ฅผ ๋ ๊น์ด ์๊ฒ ๋ค๋ฃฐ ์ ์์ต๋๋ค. #219 ์ฐธ์กฐ. ํด๋น ๋ฌธ์ ๋ฅผ ๋ซ์ผ๋ฉด ์ด๊ณผ ๊ด๋ จ๋ ๋ชจ๋ ๊ฒ์ด ํฌํจ๋์ด์ผ ํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์, ์ด ๊ฐ์ ์ ๊ธฐ์กด ํ์ด์ง ๋น๋์ ๊ฒฝ์ํด์ผ ํฉ๋๋ค.
์ด์ ๋ํ ๋ค๋ฅธ ๋ธ๋ก๊ณผ ๊ฐ์ด ์ด ์์ ๋ค๋ฅธ ์ฝํ ์ธ ๋ฅผ ์ค์ฒฉํ ์ ์์ด์ผ ํฉ๋๋ค.