Tailwind UI๊ฐ Tailwind Plus๋ก ๋ฆฌ๋ธ๋๋ฉ๋์๋ค.
โ ๋ณ๊ฒฝ๋์ง ์๋ ์ฌํญ
- ํ ๋ฒ ๊ตฌ๋งค, ํ์ ์ฌ์ฉ ๊ตฌ๋ ๊ธฐ๋ฐ์ด ์๋ ๊ธฐ์กด๊ณผ ๋์ผํ๊ฒ ์ผํ์ฑ ๊ฒฐ์ ๋ก ์ ๊ณต๋๋ค.
- ์ถ๊ฐ ๋น์ฉ ์์ ๊ธฐ์กด Tailwind UI All-Access ๋ผ์ด์ ์ค๋ ์๋์ผ๋ก Tailwind Plus ๋ผ์ด์ ์ค๋ก ์ ํ๋๋ฉฐ, ์ ๊ท ์ฌ์ฉ์ ๊ฐ๊ฒฉ๋ ๋์ผํ๋ค.
- ๊ธฐ์กด ์ฝํ ์ธ ์ ์ง ์ปดํฌ๋ํธ, ํ ํ๋ฆฟ, Catalyst UI ํคํธ ๋ฑ ๋ชจ๋ ์ฝํ ์ธ ๋ ๊ธฐ์กด๊ณผ ๋์ผํ๊ฒ ์ ๊ณต๋๋ค.
๐ ๋ณ๊ฒฝ ์ด์
Tailwind Plus๋ ๊ธฐ์กด Tailwind UI ๋ธ๋๋ ๋ฒ์์ ๋ด๊ธฐ ์ด๋ ค์ ๋ ๋ค์ํ ์คํ๊ณผ ๊ธฐ๋ฅ ํ์ฅ์ ์ํ ์๋ก์ด ์ด๋ฆ์ด๋ค. ๋จ์ํ UI ํคํธ ์ด์์ ๊ฒ์ ์ ๊ณตํ๊ธฐ ์ํ ๋ฐฉํฅ์ฑ์ ๋ด๊ณ ์๋ค.
๐ Tailwind Plus์์ ์๋กญ๊ฒ ์๋ํ๋ ๊ธฐ๋ฅ๋ค
- Tailwind Play ๊ณ์ ์์คํ ์ฝ๋ ์คํ์ ์ ์ฅํ๊ณ , ๊ณผ๊ฑฐ ์์ ์ ์ฐพ์๋ณด๋ฉฐ, ๊ธฐ์กด URL์ ์ ์งํ ์ฑ ์ ๋ฐ์ดํธ ๊ฐ๋ฅํ๋๋ก ์ง์ ์์ .
- ์๋ํฐ์ฉ ์ปค์คํ ํ ๋ง Tailwind ํ์ด ์ฌ์ฉํ๋ ์ปค์คํ ๋ฌธ๋ฒ ํ ๋ง๋ฅผ ๊ณต๊ฐํ ์ ์๋ ๊ณต๊ฐ์ผ๋ก ํ์ฉ ์์ .
- ์ปฌ๋ฌ ํ๋ ํธ Tailwind ๊ธฐ๋ณธ ์์ ์ธ์, ๋์์ด๋๊ฐ ํ๋ ์ด์ ํ ์๋ก์ด ์์ ํ๋ ํธ๋ฅผ ์ ๊ณต.
- ํ์ดํฌ๊ทธ๋ํผ ํ ๋ง Typography ํ๋ฌ๊ทธ์ธ๊ณผ ์ ์ฌํ ๋ฐฉ์์ผ๋ก ๋ค์ํ ์คํ์ผ์ ํ์ดํฌ๊ทธ๋ํผ ํ ๋ง ์ ๊ณต.
- ์ ์ฉ ์ปค๋ฎค๋ํฐ ๊ตฌ์ถ ์๋ง์ ์ฌ์ฉ์๋ก ์ธํด ์๊ธฐ๋ ๊ณต๊ณต ์ฑ๋์ ๋ ธ์ด์ฆ๋ฅผ ์ค์ด๊ณ , UI ์์ง๋์ด์ ์๋ฏธ ์๋ ๋ํ๋ฅผ ๋๋ ์ ์๋ ์ ์ฉ ์ปค๋ฎค๋ํฐ ๊ตฌ์ถ ์์ .
- ๋ฌธ์ ๋ฒ ํ ์ ๊ทผ ๊ถํ ๋ฏธ์ถ์ ๊ธฐ๋ฅ์ ๋ฌธ์๋ฅผ ์ผ๋ฐ ๊ณต๊ฐ ์ด์ ์ ๋ฏธ๋ฆฌ ์ด๋ ๊ฐ๋ฅํ๋ฉฐ, ์ ์ ์ถ์ ์ ํผ๋๋ฐฑ ๊ธฐํ ์ ๊ณต.
- ์คํ๋ผ์ธ ์ด๋ฒคํธ ์ฐ์ ๋ฑ๋ก Tailwind Connect ๋ฑ ์ปค๋ฎค๋ํฐ ๋ฐ์ ํ์ฌ์ ์กฐ๊ธฐ ๋ฑ๋ก ๊ฐ๋ฅ.
์ผ๋ถ ๊ธฐ๋ฅ์ ๊ฐ๋ฐ์ด ์งํ ์ค์ด๋ฉฐ, ์ผ๋ถ๋ ์์ด๋์ด ๋จ๊ณ์ ์์. ๋ชจ๋ ๊ธฐ๋ฅ์ด ์ถ์๋๋ค๋ ๋ณด์ฅ์ ์์ง๋ง ์คํ์ ์ผ๋ก ์ง์์ ์ผ๋ก ํ์ฅ๋ ์์ .
๐ฆ ๊ธฐ์กด ๋ฆฌ์์ค ๊ฐํ๋ ๊ณ์ ์งํ ์ค
- Catalyst๋ฅผ ์ํ ์๋ก์ด Combobox ์ปดํฌ๋ํธ ์ค๊ณ ์์
- React๋ฅผ ์ฌ์ฉํ์ง ์๋ ์ฌ์ฉ์๋ฅผ ์ํ ์์ HTML ๊ธฐ๋ฐ ํ ํ๋ฆฟ๋ ์ค๋น ์ค
๐งฉ ์์ฝ
Tailwind Plus๋ ๊ธฐ์กด Tailwind UI์ ๊ณ ํ์ง ์ฝํ ์ธ ๋ ๊ทธ๋๋ก ์ ์งํ๋ฉด์, ์๋ก์ด ๊ธฐ๋ฅ๊ณผ ํ์ฅ ๊ฐ๋ฅ์ฑ์ ๋ด์ ํ๋ซํผ์ผ๋ก ์ ํ๋ ๋ธ๋๋์ด๋ค.
๋ธ๋๋ ๋ฆฌ๋ธ๋๋ฉ์ ๋ณํ์ ๋ํ ๋์ ์ด์ง๋ง, ์์ผ๋ก์ ๋ฐฉํฅ์ฑ์ ๊ณ ๋ คํ์ ๋ ํ์ฐ์ ์ธ ๊ฒฐ์ ์ผ๋ก ํ๊ฐ๋๋ค.
TI Tech Lab ์ด์ฃผ์์ฐ๊ตฌ์
Add comment