2024/10/01
-
- [Tailwind CSS] daisyUI ν λ§ μ€μ νκΈ°
daisyUI ν λ§ μ€μ νκΈ° λ€μ΄κ°λ©°ν μΌμλ CSSμ νμ₯ λΌμ΄λΈλ¬λ¦¬μΈ daisyUIλ₯Ό μ΄μ©νμ¬ νμ΄μ§μ ν λ§(Theme)λ₯Ό μ μ©νλ λ°©λ²μ μ 리ν΄λ³Έλ€. λ°©λ²ν λ§ κ³ λ₯΄κΈ°dasiyUIμ 곡μ λ¬Έμμμ μνλ ν λ§λ₯Ό μ ννλ€. daisyUI themes — Tailwind CSS Components ( version 4 update is here )How to use daisyUI themes?daisyui.com μ΄ νμ΄μ§μμλ λλΌνλΌ ν λ§(@dracula@)λ₯Ό μ ννλ€κ³ κ°μ νλ€. ν μΌμλ CSS μ€μ νμΌμ μΆκ°νκΈ°ν μΌμλ CSS μ€μ νμΌμΈ @tailwind.config.js@ νμΌμ μλμ ν λ§ μμ±μ μΆκ°ν΄μ€λ€../tailwind.config.js/** @type {import('tailwind..
2024.10.01 -
- [React.js] index.jsλ‘ μ»΄ν¬λνΈ(Component), νμ΄μ§(Page) κ΄λ¦¬νκΈ°
index.jsλ‘ μ»΄ν¬λνΈ(Component), νμ΄μ§(Page) κ΄λ¦¬νκΈ°λ€μ΄κ°λ©°λ€μκ³Ό κ°μ΄ @src@ ν΄λ λ΄λΆμ μλ @components@, @pages@ ν΄λ μμ @index.js@ νμΌμ μμ±νμ¬ μ¬λ¬ μ»΄ν¬λνΈμ νμ΄μ§λ€μ νλμ νμΌμμ κ΄λ¦¬ν μ μλ€.μ΄μ κ΄λ ¨λ λ΄μ©μ μ 리ν΄λ³Έλ€. index.jsκ°λ 리μ‘νΈ(React.js) νλ‘μ νΈμμ @pages@λ @components@ ν΄λ μμ μμΉν @index.js@ νμΌμ ν΄λΉ ν΄λ λ΄μ μ¬λ¬ μ»΄ν¬λνΈλ€μ ν κ³³μμ μ½κ² λΆλ¬μ¬ μ μλλ‘ λ€μ @export@ ν΄μ£Όλ μν μ νλ€.@index.js@ νμΌ μμ λ΄μ©μ λ€μκ³Ό κ°μ΄ ꡬμ±ν μ μλ€. μ¬μ© λ°©λ²@pages@ λλ @components@ ν΄λμ @index.js@ νμΌμ μμ±ν ν,..
2024.10.01