#0 React + TypeScript + TailwindCSS + Router 초기 환경 세팅

[chohs4164]

🧩 개요

• Sprint 프로젝트의 프론트엔드 기본 개발 환경을 구축한다.
• React + TypeScript + TailwindCSS + React Router 기반으로 초기 셋팅을 완료한다.

🎯 상세 내용

• create-react-app 기반으로 TypeScript 템플릿을 사용하여 프로젝트 생성
• TailwindCSS 3.x 버전 적용 (CRA 호환성 고려)
• 기본 스타일 설정 (index.css, tailwind.config.js, postcss.config.js 구성)
• React Router DOM 설치 및 기본 페이지(Home, About) 라우팅 구현
• 프로젝트 인코딩을 UTF-8로 고정
• npm 스크립트 정상 작동 (npm start → 로컬 개발 서버 실행 확인)

✅ 완료 조건

• CRA + TypeScript 환경 생성 완료
• TailwindCSS 정상 적용 확인 (Tailwind CSS 적용 완료 🎉 문구 표시)
• React Router 라우팅 작동 확인 (/, /about 페이지 이동 가능)
• UTF-8 인코딩 고정 (한글 깨짐 없음)
• npm start 실행 시 정상 빌드 및 브라우저 표시

👤 담당자

• @chohs4164
• @Taenggu99