[React.JS(19) + TypeScript] 01. 초기 리액트 애플리케이션 생성하기
- 리액트 프로젝트 생성 시 CRA 대신 Vite를 활용하는 방법을 설명합니다. 🚀
- Visual Studio Code를 사용하여 실습 폴더를 열고 내장 터미널을 실행합니다. 💻
npm create vite@latest . 명령어를 통해 현재 폴더에 최신 Vite 템플릿으로 프로젝트를 생성합니다. ✨
- 프로젝트 생성 시 프레임워크로 'React'를 선택합니다. ⚛️
- 타입스크립트 기반 프로젝트를 위해 'TypeScript'를 선택하며, ESBuild의 안정성과 속도를 고려하여 SWC 대신 권장됩니다. 💡
npm install 명령어로 필요한 패키지를 설치합니다. 📦
npm run dev 명령어로 Vite 개발 서버를 실행하고, 제공된 로컬 주소로 웹 브라우저에서 리액트 앱을 확인합니다. 🌐
- OS 테마에 따라 초기 화면이 다크/라이트 모드로 표시될 수 있습니다. 🌙
데브허브 | DEVHUB | [React.JS(19) + TypeScript] 01. 초기 리액트 애플리케이션 생성하기