2024/09/29
-
- [Tailwind CSS] ํ ์ผ์๋ ์ค์ ํ์ผ(tailwind.config.js)์์ ํ๋ฌ๊ทธ์ธ(Plugin) ์ถ๊ฐํ ๋ "'require' is not defined" ์ค๋ฅ๊ฐ ๋ฐ ๋ ํด๊ฒฐ๋ฒ
ํ ์ผ์๋ ์ค์ ํ์ผ(tailwind.config.js)์์ ํ๋ฌ๊ทธ์ธ(Plugin) ์ถ๊ฐํ ๋ "'require' is not defined" ์ค๋ฅ๊ฐ ๋ฐ ๋ ํด๊ฒฐ๋ฒ๋ค์ด๊ฐ๋ฉฐํ ์ผ์๋ ์ค์ ํ์ผ(@tailwind.config.js@)์์ @require@๋ฅผ ์ด์ฉํ์ฌ ํ๋ฌ๊ทธ์ธ(Plugin)์ ์ถ๊ฐํ ๋, @'require' is not defined@ ์ค๋ฅ๊ฐ ๋ฐ์ํ ๋ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ์ ๋ฆฌํด๋ณธ๋ค. ๋ฐฉ๋ฒ๊ฐ๋จํ๋ค. ํ๋ก์ ํธ ์ต์๋จ ๊ฒฝ๋ก์ ์๋ ESLint ์ค์ ํ์ผ(@eslint.config.js@)์ ๋ค์๊ณผ ๊ฐ์ด ํ๊ฒฝ ๋ณ์(@env@) ์กฐ๊ฑด์ ์ถ๊ฐํด์ฃผ๋ฉด ๋๋ค. ./eslint.config.js{ // ... env: { browser: true, node: true, // ์ถ..
2024.09.29 -
- [Tailwind CSS] daisyUI
daisyUI๋ค์ด๊ฐ๋ฉฐํ ์ผ์๋ CSS์ ํ์ฅ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ dasiyUI์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. daisyUI๊ฐ๋ ํ ์ผ์๋ CSS๋ฅผ ํ์ฅํ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ํ ๊ธฐ๋ณธ ์คํ์ผ์ ์ ๊ณตํ์ฌ ๋น ๋ฅด๊ฒ UI๋ฅผ ๊ตฌ์ฑํ ์ ์๋๋ก ๋์์ค๋ค.ํ ์ผ์๋ CSS์ ์ ํธ๋ฆฌํฐ ํด๋์ค์ ํจ๊ป ์ฌ์ฉ๋๋ค.๋ฒํผ, ์นด๋, ๋ชจ๋ฌ, ์๋ฆผ, ํผ ์์ ๋ฑ ์ฌ๋ฌ ๊ฐ์ง ์ปดํฌ๋ํธ ์คํ์ผ์ ๋ฏธ๋ฆฌ ์ ์ํด ๋ ์ํ๋ก ์ ๊ณตํ๋ค.daisyUI๋ฅผ ์ด์ฉํ๋ฉด UI๋ฅผ ์ฝ๊ฒ ์ปค์คํฐ๋ง์ด์งํ๊ณ , ์ผ๊ด์ฑ ์๋ ๋์์ธ์ ์ ์งํ๋ฉด์ ๋น ๋ฅด๊ฒ ๊ฐ๋ฐํ ์ ์๋ค. ํน์งํ ์ผ์๋ CSS์ ์๋ฒฝํ๊ฒ ํธํ๋๋ฉฐ, ์ถ๊ฐ์ ์ธ ์คํ์ผ๋ง ์์ด ์ ํธ๋ฆฌํฐ ํด๋์ค๋ฅผ ์ฌ์ฉํ ์ ์๋ค.์ผ๊ด๋ ๋์์ธ ์์คํ ์ ๊ธฐ๋ฐ์ผ๋ก ํ๊ธฐ ๋๋ฌธ์, ํ๋ก์ ํธ ์ ๋ฐ์ ๊ฑธ์ณ ์ผ๊ด๋ UI๋ฅผ ์ ์งํ ์ ์๋ค.๋ฒํผ, ์๋ฆผ, ๋ชจ๋ฌ, ์นด๋ ๋ฑ..
1 2024.09.29