Tailwind 설정하기

create-react-app

npx create-react-app project_name --template typescript

Tailwind 설치

npm install -D tailwindcss postcss autoprefixer

create config file

npx tailwindcss init -p

tailwind.config.js 수정

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

change index.css

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