### 프로젝트 초기 설정
##### 1. 프로젝트 생성
```
npm create vite@latest ucell-clone -- --template react (TypeScript 사용시 --template react-ts)
```

##### 2. 라이브러리 설치
- tailwindcss : 유틸리티 기반 CSS 프레임워크
- postcss : Tailwind의 CSS 빌드 및 후처리 엔진
- autoprefixer : 브라우저 호환 CSS 프리픽스 자동 추가
```
npm install tailwindcss @tailwindcss/vite
```

##### 3. 📁 기본 폴더 구조
```
ucell-clone/
├── public/ # 정적 파일
├── src/
│ ├── assets/ # 이미지 및 기타 정적 리소스
│ ├── components/ # 재사용 가능한 UI 컴포넌트
│ ├── pages/ # 페이지 단위 컴포넌트
│ ├── layouts/ # 공통 레이아웃 컴포넌트
│ ├── App.jsx # 루트 컴포넌트
│ ├── main.jsx # 진입점
│ └── index.css # Tailwind 지시어 포함
├── tailwind.config.js # Tailwind 설정 파일
├── postcss.config.js # PostCSS 설정 파일
├── vite.config.js # Vite 설정 파일
├── package.json
└── README.md
```



### 시작
1. npm install
2. npm run dev