bandosj

프로젝트 초기 설정

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