1. Vite React 프로젝트 초기화
Vite는 매우 빠른 빌드 속도와 간편한 개발 서버를 제공하는 차세대 프런트엔드 빌드 도구입니다. React와 함께 사용하는 것이 일반적입니다.
1.1. 새로운 Vite 프로젝트 생성
터미널에서 다음 명령어를 사용하여 새로운 Vite React 프로젝트를 생성합니다. 원하는 프로젝트 이름을 my-react-app 대신 입력하세요.
npm create vite@latest my-react-app -- --template react
cd my-react-app
npm install이 명령어는 my-react-app 디렉토리에 React 템플릿으로 Vite 프로젝트를 설정하고 필요한 의존성을 설치합니다.
1.2. 개발 서버 실행
프로젝트 디렉토리로 이동한 후 다음 명령어를 실행하여 개발 서버를 시작합니다.
npm run dev일반적으로 http://localhost:5173에서 애플리케이션이 실행됩니다. 코드를 변경하면 브라우저가 자동으로 새로고침됩니다 (HMR - Hot Module Replacement).