tailwind

ยท React
์š”์ฆ˜ Next.js๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ CSS-IN-JS ๋Œ€์‘์ด ์•ˆ๋˜๋Š” ๋ฌธ์ œ๋กœ Tailwind CSS๋ฅผ ์ž์ฃผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค. VScode ์—์„œ Tailwind CSS IntelliSense ๋ผ๋Š” ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์ œ๊ณตํ•ด Tailwind์—์„œ ์ •ํ•ด์ง„ ํฌ๋งท์„ ๋ณด์—ฌ์ฃผ์ง€๋งŒ ์•ฝ๊ฐ„์˜ ๋ถˆํŽธํ•จ์ด ์žˆ๋‹ค. ์„ค์ •์„ ํ†ตํ•ด ํ•ด๊ฒฐํ•ด๋ณด์ž! Tailwind Tailwind๋Š” CSS ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ์—„์ฒญ๋‚˜๊ฒŒ ๋งŽ์€ utility class๋กœ ์ด๋ฃจ์–ด์ง„ ํ”„๋ ˆ์ž„์›Œํฌ๋‹ค. ๋งŒ๋“ค์–ด์ ธ ์žˆ๋Š” utility class๋ฅผ class์— ๋„ฃ์–ด์ฃผ๊ธฐ๋งŒ ํ•˜๋ฉด ํ•ด๋‹น ์Šคํƒ€์ผ๋ง์ด ์ ์šฉ๋œ๋‹ค. ์‚ฌ์šฉ๋ฒ• ์„ค์น˜๋ฐฉ๋ฒ•์€ ๊ณต์‹ํŽ˜์ด์ง€๋ฅผ ์ฐธ๊ณ ํ•˜์ž. ๊ณต์‹ํŽ˜์ด์ง€๋ฅผ ๋”ฐ๋ผ ์„ค์น˜ํ–ˆ๋‹ค๋ฉด ์‚ฌ์šฉ๋ฒ•์€ ๋ณ„๊ฑฐ ์—†๋‹ค. function App() { return ( ); } export default App; ์ •ํ•ด์ง„ uti..
YunCow
'tailwind' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก