๋ฉด์ ๊ณผ ์ทจ์ ์ ๋ถ๋ฅด๋ 'ํผ๋ธ๋ฆฌ์ ๊ฐ์ธ ํฌํธํด๋ฆฌ์ค ํํ์ด์ง' ์ ์
์ง๊ธ๊น์ง 200์ฌ๋ช ์ ์คํ๋ผ์ธ ํ์ ํ์๋ค ์ ์ ํผ๋ธ๋ฆฌ์ ์ทจ์ ํฌํธํด๋ฆฌ์ค ์ง๋ํ ๊ฒฝํ์ ํตํด ์ฝ๋ฉ์์ค๊ฐ ์ฌํ์ ๊ธฐ์ธ์ฌ ๋ง๋ค์์ต๋๋ค. ๋ฉด์ ๊ณผ ์ทจ์ ์ ๋ถ๋ฅด๋ ํผ๋ธ๋ฆฌ์ '๊ฐ์ธ ํฌํธํด๋ฆฌ์ค ํํ์ด์ง' ์ ์ ๊ฐ์๋ ํผ๋ธ๋ฆฌ์ ์ทจ์ ์ ์ํด ํ์๋ก ์ค๋นํด์ผ ํ๋ ๊ฐ์ธ ํฌํธํด๋ฆฌ์ค ํํ์ด์ง๋ฅผ ์ด๋ป๊ฒ ์ด๋์๋ถํฐ ์ค๋นํ๋์ง ์๋ ค๋๋ฆฌ๋ ์ถฉ์คํ ๊ฐ์ด๋์ ๋๋ค. ๊ฐ์๋ ์ด 19์๊ฐ ์ด์์ ๊ฐ์ ๋ด์ฉ์ด ๋ด๊ฒจ ์์ต๋๋ค. ๊ฐ์ธ ํฌํธํด๋ฆฌ์ค ํํ์ด์ง ์ ์ ์ ํผ๋ธ๋ฆฌ์ฑ ๊ด๋ จ ํ์์ฌํญ, ์ทจ์ ๊ณผ ์ค๋ฌด์์ ์ต๊ณ ๋ก ์ค์ํ ํผ๋ธ๋ฆฌ์ฑ ๊ธฐ๋ณธ๊ธฐ, ์ทจ์ ์ ์ํ ์ ์ด์ฟผ๋ฆฌ์ ์๋ฐ์คํฌ๋ฆฝํธ & ์ฝ๋ฉ ๋ฏธ์ , ๊ฐ์ธ ํฌํธํด๋ฆฌ์ค ํํ์ด์ง์ ๋ฃ์ ํฌํธํด๋ฆฌ์ค ๊ฒฐ๊ณผ๋ฌผ ์ ์ ๋ฐฉ๋ฒ, ๊ฐ์ธ ํฌํธํด๋ฆฌ์ค ํํ์ด์ง ์น์ ๋ณ ์ฝํ ์ธ ๋ ์ด์์ ๋ฐ ์์ธ๋ด์ฉ, ์ง์ํ ๊ธฐ์ ๊ตฌ๋ถํ๊ธฐ & ํผ๋ธ๋ฆฌ์ ์ค์ ๋ฉด์ ์๋ น ๋ฑ ์ ์ ํผ๋ธ๋ฆฌ์ ๋ก์ ์์์ผ ํ ๋ชจ๋ ๋ด์ฉ์ ๋ด๊ณ ์์ต๋๋ค.
์๊ฐ์ 400๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
Tailwind CSS ๊ฐ์๊ฐ ์๋กญ๊ฒ ์คํ๋์์ต๋๋ค.
์๋ ํ์ธ์. ์ฝ๋ฉ์์ค์ ๋๋ค.
์ด๋ฒ์ ์ฝ๋ฉ์์ค๊ฐ ์ฌํ์ ๊ธฐ์ธ์ฌ์ ๋ง๋ Tailwind CSS ๊ฐ์๊ฐ ์คํ๋์์ต๋๋ค.
์ฝ๋ฉ์์ค๊ฐ ๋ง๋ Tailwind CSS ๊ฐ์๋ [Tailwind CSS๋ก ๊ฐ๋ฐ์๊ฐ ๋ง๋๋ ๋ฉ์ง UI ์คํ์ผ๋ง]๋ผ๋ ์ ๋ชฉ์ผ๋ก ๋ง๋ ๊ฒ ์ฒ๋ผ ๊ฐ๋ฐ์๊ฐ ํผ๋ธ๋ฆฌ์ฑ์ ํ ๋ ํผ๋ธ๋ฆฌ์
๋ชป์ง ์๊ฒ ์์ UI ์คํ์ผ๋ง์ ํ ์ ์๋ ๋ถ๋ถ์ ๊ฐ์ฅ ์ด์ ์ ๋ง์ท์ต๋๋ค.
[Tailwind CSS๋ก ๊ฐ๋ฐ์๊ฐ ๋ง๋๋ ๋ฉ์ง UI ์คํ์ผ๋ง] ๊ฐ์๋ ํ์ฌ ๊ฐ์ฅ ํซํ ํ๋ ์์ํฌ์ธ Tailwind CSS๋ฅผ ์ด๋ก ๋ถํฐ ์ค์ ๋ฐ์ํ ์น์ฌ์ดํธ๊น์ง 19์๊ฐ ์ด์์ ์์ ์๊ฐ์ผ๋ก ์ถฉ์คํ๊ฒ ๋ค๋ฃจ๊ณ ์์ต๋๋ค. ์์ ์๊ฐ์ด ๊ธธ๋ค๊ณ ์ข์ ๊ฐ์๋ ์๋๋๋ค. ํ์ง๋ง ํด๋น ๊ฐ์๋ ์๊ฐ๋ ๊ธธ๊ณ ๊ฐ์๋ ์ข๋ค๊ณ ์๋ถํฉ๋๋ค. ํนํ, Tailwind CSS ๋ชจ๋ ์ด๋ก ์ 8์๊ฐ 30๋ถ ๋์ ์์ธํ๊ฒ ๋ค๋ฃจ๊ธฐ ๋๋ฌธ์ CSS ์ด๋ก ์ด ๋ถ์กฑํ ์ฌ๋์๊ฒ CSS ์ด๋ก ์ ์ถฉ์คํ ํ์ตํ ์ ์์ต๋๋ค.
Tailwind CSS๋ CSS Frameworks Ranking์์ ํ์ฌ๊น์ง ๊พธ์คํ ์ธ๊ธฐ๋ฅผ ๋๋ฆฌ๊ณ ์๊ณ , ๋ง์กฑ๋ 1์๋ฅผ ํ๊ณ ์๋ Tailwind CSS๋ ์์ฆ ์ ์ธ๊ณ์ ์ผ๋ก ๊ฐ์ฅ ํซํ CSS ํ๋ ์์ํฌ์
๋๋ค. ํซํ ์ด์ ์ค์ ๊ฐ์ฅ ๋ํ์ ์ธ ๊ฒ์ด ๋ฐ๋ก ์ ํธ๋ฆฌํฐ ํด๋์ค๋ฅผ ์ฌ์ฉํ ์ฐฝ์์ ์ธ ์คํ์ผ๋ง์ ํ ์ ์๊ณ ๋ํ, ์ข์ ํ๋ฆฌํฐ์ ๋์์ธ์ ๋ง๋ค๊ธฐ ์ํ ์์
์๊ฐ์ด ๊ฝค ๋น ๋ฅด๋ค๋ ์ ์ด๋ผ ์๊ฐ๋ฉ๋๋ค.
์ด๋ก ์์ ๋ฟ๋ง ์๋๋ผ Tailwind CSS๋ก ๋ง๋๋ ์ค์ ์์ ๋ค ๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฐ์ ๊ฒฝ๋ ฅ ์ด๋ ฅ์ & ํฌํธํด๋ฆฌ์ค ์๊ฐ ๋ฐ์ํ ์น ์ ์๋ ์ถฉ์คํ๊ฒ ๋ฐฐ์ฐ์๊ณ ๊ฒฐ๊ณผ๋ฌผ์ ์ป์ผ์ค ์ ์์ต๋๋ค.
โ ๊ฐ์์๊ฐ ๋ฐ ๋ฌด๋ฃ๊ฐ์ ๋ณด๋ฌ๊ฐ๊ธฐ : https://inf.run/pjqKk








