DEV/ReactJS

[React] daisyUI 설치하기

Bi3a 2024. 1. 22. 21:19

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