์ฐธ๊ณ : 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๋ ๊ธฐ..
์ง์ง ์ด๋ฐ๊ฒ๋... ํฐ์คํ ๋ฆฌ ์์์ ์ฅ ์ค๋ฅ ๋๋ฌธ์ %_% ํ ๋ฒ ๋ค ๋ ๋ฆฌ๊ณ ๋ค์ ์ด๋ค... ์ง์ง ๋๋ฌด๋๋ฌด๋๋ฌด ์ด๋ฐ์ง๋ง..!!!! ๊ทธ๋๋ ์ด๋ป๊ฒ ํด ๋ค์ ์จ์ผ์ง ใ
.,ใ
๋๋ ๋๋ฒ์งธ์ฐ๋๊ฑฐ์ง๋ง ์ฝ๋ ์ฌ๋์ ์ฒ์์ด๋๊น ์ฒ์์ฒ๋ผ ์จ์ผํด.... ์ง์ ํด..... ๋ถ๊ธ๋ถ๊ธ ์ผ๋จ ๋จธ์ฑํ๊ฒ๋ ๋ฐ๋ก ์ ๊ฒ์๊ธ์ chakra ui ๊ฐ ์ข๋ค๋ฉฐ ๊ธ์ ์ผ์ผ๋, (๊ทธ๋๋ ์์ผ๋ก ์ด์ ์ ํ๋ ๊ฒ๋ค์ ์ฐ๊ธด ํ ๊ฒ์.. ์ฐจํฌ๋ผ ์ข์์ฌ) ์๋ก์ด ํ๋ก์ ํธ์์ SSR ๋ฌธ์ ๋ก chakra๋ฅผ ์ฐ์ง ๋ชปํ๊ณ ์ด๋ฐ์ ๋ฐ ์ด์ ๋ก tailwind๋ฅผ ์ฐ๊ธฐ๋ก ํ์๋ค. SSR(Server Side Rendering): ์ฌ์ฉ์๊ฐ ์น ํ์ด์ง์ ์ ์ํ์ ๋ ์๋ฒ๊ฐ ์ฌ์ฉ์์๊ฒ ๋๋๋ง๋ HTML์ ์๋ตํ์ฌ ๋ธ๋ผ์ฐ์ ๊ฐ ๋ฐ๋ก ๋๋๋งํ ์ ์๊ฒํ๋ค. ๊ทธ ํ CSR๊ณผ ๋์ผํ๊ฒ..