[tailwind CSS] quick start

    npm install -D tailwindcss postcss autoprefixer

    npx tailwindcss init -p

 

패키지 설치

 

    @tailwind base;

    @tailwind components;

    @tailwind utilities;

 

index.css 최상단에 위 세 줄 추가

 

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

    module.exports = {

        content: [

        "./src/**/*.{js,jsx,ts,tsx}", // tailwind CSS 적용할 파일 

        ],

        theme: {

        extend: {},

        },

        plugins: [],

    }

 

tailwind.config.js에서 tailwind CSS를 적용할 파일을 설정해 준다 

 

그럼 끝 ~