tailwind

ยท TIL/etc.
์ฐธ๊ณ  : https://tailwindcss.com/docs/functions-and-directives#layer Functions & Directives - Tailwind CSS A reference for the custom functions and directives Tailwind exposes to your CSS. tailwindcss.com // global.css @tailwind base; @tailwind components; @tailwind utilities; @layer๋Š” ์–ด๋–ค "์œ ํ‹ธ๋ฆฌํ‹ฐ ๋ ˆ๋ฒจ"์— ์ปค์Šคํ…€ CSS๋ฅผ ๋‹ด์„์ง€ ์ง€์ •ํ•˜๊ณ  nested ๋ฐฉ์‹์œผ๋กœ ์ปค์Šคํ…€ CSS๋ฅผ ์ถ”๊ฐ€ํ•œ๋‹ค. @layer๋Š” base, components, utilities์—๋งŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. @apply๋Š” ๊ธฐ..
ยท TIL/etc.
์ง„์งœ ์—ด๋ฐ›๊ฒŒ๋„... ํ‹ฐ์Šคํ† ๋ฆฌ ์ž„์‹œ์ €์žฅ ์˜ค๋ฅ˜ ๋•Œ๋ฌธ์— %_% ํ•œ ๋ฒˆ ๋‹ค ๋‚ ๋ฆฌ๊ณ  ๋‹ค์‹œ ์“ด๋‹ค... ์ง„์งœ ๋„ˆ๋ฌด๋„ˆ๋ฌด๋„ˆ๋ฌด ์—ด๋ฐ›์ง€๋งŒ..!!!! ๊ทธ๋ž˜๋„ ์–ด๋–ป๊ฒŒ ํ•ด ๋‹ค์‹œ ์จ์•ผ์ง€ ใ… .,ใ…  ๋‚˜๋Š” ๋‘๋ฒˆ์งธ์“ฐ๋Š”๊ฑฐ์ง€๋งŒ ์ฝ๋Š” ์‚ฌ๋žŒ์€ ์ฒ˜์Œ์ด๋‹ˆ๊นŒ ์ฒ˜์Œ์ฒ˜๋Ÿผ ์จ์•ผํ•ด.... ์ง„์ •ํ•ด..... ๋ถ€๊ธ€๋ถ€๊ธ€ ์ผ๋‹จ ๋จธ์“ฑํ•˜๊ฒŒ๋„ ๋ฐ”๋กœ ์ „ ๊ฒŒ์‹œ๊ธ€์— chakra ui ๊ฐ€ ์ข‹๋‹ค๋ฉฐ ๊ธ€์„ ์ผ์œผ๋‚˜, (๊ทธ๋ž˜๋„ ์•ž์œผ๋กœ ์ด์ „์— ํ–ˆ๋˜ ๊ฒƒ๋“ค์„ ์“ฐ๊ธด ํ•  ๊ฒƒ์ž„.. ์ฐจํฌ๋ผ ์ข‹์•„์—ฌ) ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ์—์„  SSR ๋ฌธ์ œ๋กœ chakra๋ฅผ ์“ฐ์ง€ ๋ชปํ•˜๊ณ  ์ด๋Ÿฐ์ €๋Ÿฐ ์ด์œ ๋กœ tailwind๋ฅผ ์“ฐ๊ธฐ๋กœ ํ•˜์˜€๋‹ค. SSR(Server Side Rendering): ์‚ฌ์šฉ์ž๊ฐ€ ์›น ํŽ˜์ด์ง€์— ์ ‘์†ํ–ˆ์„ ๋•Œ ์„œ๋ฒ„๊ฐ€ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋žœ๋”๋ง๋  HTML์„ ์‘๋‹ตํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ฐ”๋กœ ๋žœ๋”๋งํ•  ์ˆ˜ ์žˆ๊ฒŒํ•œ๋‹ค. ๊ทธ ํ›„ CSR๊ณผ ๋™์ผํ•˜๊ฒŒ..
Dong _ hwa
'tailwind' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก