1. tailwind 설치 및 환경설정


CLI

npm install -D tailwindcss postcss autoprefixer // 설치
npx tailwindcss init -p // tailwind.config.js , postcss.config.js 생성 

tailwind.config js

/** @type {import('tailwindcss').Config} */ 
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
// 이렇게 수정해준다.

src/index.css

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