728x90
선행 포스트
[React] tailwindcss 설치하기
테일윈드 CSS란? 테일윈드 CSS(Tailwind CSS)**는 HTML, CSS, JavaScript로 구축된 웹 프로젝트의 스타일을 손쉽게 관리할 수 있도록 도와주는 CSS 프레임워크입니다. 테일윈드 CSS는 전통적인 CSS 프레임워크
doinitright.tistory.com
daisyUI는 테일윈드에 의존하므로 앞의 포스트를 참고해주세요.
DaisyUI 설치하기
NPM Install
[bash]
npm install react-daisyui
tailwind.config.js에 플러그인 추가
[루트 디렉토리/tailwind.config.js]
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{js,tx,jsx,tsx}'],
theme: {
extend: {},
},
plugins: [require('daisyui')], // 수정
}
'DEV > ReactJS' 카테고리의 다른 글
[React] tailwindcss 설치하기 (0) | 2024.01.22 |
---|