• 기본 요구 사항

1. vite 설치 후 환경 설정

npm create vite@latest

2. tailwindcss 및 tailwind-merge 설치

npm install tailwindcss @tailwindcss/vite
npm install tailwind-merge

3. vite.config.js 파일 수정

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [
    tailwindcss(), react()
  ],
})

4. index.css를 수정하고 모든 css파일 제거

@import "tailwindcss";

5. 간단한 div를 활용한 **counter Application**을 자유롭게 구성하여 tailwindcss의 기능을 다루세요
   • 카운트의 값을 1, 10,100 감소 / 증가 시키는 버튼이 있어야 합니다.
   • 카운트의 숫자가 5, 50, 500 이상일 때 다른 색상으로 변환되어야 합니다.
   • 카운트의 숫자가 -5 , -50, -500 이하일 때 다른 색상으로 변환되어야 합니다.