React Tailwind 세팅

1. 테일원드 모듈 설치

npm install -D tailwindcss postcss autoprefixer

 

2. 설정파일 생성하기

npx tailwindcss init -p

 

3. 설정 파일 내용 변경 (tailwind.config.js)

/** @type {import('tailwindcss').Config} */

module.exports = {
    content: ["./src/**/*.{js,jsx,ts,tsx}"],
    theme: {
        extend: {},
    },
    plugins: [],
};

 

4. index.css 테일윈드 적용

@tailwind base;
@tailwind components;
@tailwind utilities;