์ฝ๊ณ ๋น ๋ฅธ ์คํ์ผ๋ง Tailwind CSS ๊ธฐ์ด ๊ฐ์ด๋
'HTML์ ๋ ๋์ง ์๊ณ ๋น ๋ฅด๊ฒ ๋น๋ํ๋ ๋ชจ๋ ์น์ฌ์ดํธ' ๊ตฌ์ถ์ ๊ฐ๋ฅํ๊ฒ ๋ง๋๋ 'Tailwind'๋ฅผ ์๊ฐํฉ๋๋ค!
์๊ฐ์ 1,297๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
tailwind v4
์๋ ํ์ธ์! 25๋ 1์์ v4๊ฐ ์๋กญ๊ฒ ๋ฑ์ฅํ๋๋ฐ, v4๋ก ํด๋ ์๊ด ์๊ฒ ์ฃ ?
HTML/CSSehrbs7181
ใป
0
119
2
- ๋ฏธํด๊ฒฐ
ํ์ต ์๋ฃ๋ฅผ ๋ฐ์ ์ ์๋์ ?
์ ์๋ ๊ฐ์์์ ๋ณด์ฌ์ฃผ์ จ๋ notion ์ ๊ณต์ ๋์ง ์๋ ํ์ต ์๋ฃ์ธ๊ฐ์ ? ์๋๋ฉด ๋ค๋ฅธ ์์ ์์ ๋ฐ์ ์ ์๋ ์๋ฃ์ธ๊ฐ์ ?
HTML/CSSjinsu0107
ใป
0
254
1
- ๋ฏธํด๊ฒฐ
ํ์ฌ ๋ฐ๋๊ฑด์ง ๋ฌธ์๋๋ฆฝ๋๋ค! ์ซ์๋ฅผ ๋ฎ์ถฐ blue์ ์ฐ์ ์์๋ฅผ ๋์ด๋ คํ๋๋ฐ blue๋ฅผ red๊ฐ ๋ฌด์กฐ๊ฑด ์ด๊ธฐ๋ ๊ฒ์ผ๋ก ๋ณด์ฌ์์.
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
HTML/CSS์ธ์ฐํ๋ก
ใป
0
449
3
- ๋ฏธํด๊ฒฐ
์์ ์ ์ฌ์ฉํ๋ ํด์ด ๊ถ๊ธํฉ๋๋ค.
์์ ์ ์ฌ์ฉํ๋ ํด์ด ๊ถ๊ธํฉ๋๋ค.์๋์ฐ์์ ๊ฐ์ ํ์ค๋ ์ฌ์ฉํ์๋ ๊ทธ๋ฆฌ๊ธฐ ํด ์ด๋ฆ ์ ์ ์์๊น์?
HTML/CSS๊นํ
ใป
0
466
2
- ๋ฏธํด๊ฒฐ
๋ช ๋ น์ด touch tailwind.config.js
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
HTML/CSScki6090
ใป
0
429
0
- ๋ฏธํด๊ฒฐ
hover์ผ๋
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
HTML/CSScki6090
ใป
0
321
0
- ๋ฏธํด๊ฒฐ
ํ์๋ง์์ tailwind css ํ์ผ๋ก ๋ฐ์์ ์ฌ์ฉํ๋ ค๊ณ ํ๋๋ฐ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ๊ฐ์ ์๋ณด๊ณ ์์ต๋๋ค!tailwind css๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ผ๋ก CDN์ script๋ก ๊ฐ์ ธ์์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ๊ณผ tailwind CLI๋ฅผ ์ฌ์ฉํด์ ์์ฑํ ํด๋์ค๋ค์ ์ปดํ์ผํด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ผ๋ก ๋ณด์์ต๋๋ค. <p
HTML/CSS์ฐ๋จ๋
ใป
0
1,337
1






