전체적인 초기 생성 안내

1. VITE로 React 생성

npm create vite@latest

1. 프로젝트 명 설정

1. 프레임워크 설정 ( React로 설정 )

1. Javascript / Typescript 설정 ( 현 프로젝트는 Javascript로 진행, 아래 옵션 선택 ) SWC = Speedy Web Compiler

[SWC] SWC란 무엇인가?

1. 생성 완료

2. TailwindCSS 설정

1. TailwindCSS 설치 및 설정 파일 생성

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

Install Tailwind CSS using PostCSS - Tailwind CSS

1. tailwind.config.js 파일 설정

// tailwind.config.js 파일

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,jsx,ts,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

1. index.css 에 코드 추가