[React] Vite로 React 프로젝트 생성

1. Vite는 무엇일까?

빌드 도구 중 하나로 Go로 작성된 Esbuild를 바탕으로 만들어졌으며, 빠르고 간결한 모던 웹 프로젝트 개발에 중점을 두어 만들어졌다.

+ Vite를 사용하려면 Node.js 설치가 필요하다 (링크: https://nodejs.org/ko/download/)

[Node.js — Download Node.js®

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org](https://nodejs.org/ko/download/)

2. Vite를 사용하는 이유

애플리케이션이 점점 더 발전함에 따라 처리해야하는 JavaScript 모듈의 개수가 증가하고 있다. JavaScript 기반의 도구는 성능 병목 현상을 발생시켰고, 개발 서버를 가동 시에 너무 오랜 시간을 기다린다거나 HMR 사용시에도 변경된 파일 적용까지 수초 이상 소요되곤 하는 문제점이 있었다.

이와 같은 문제를 해결하기 위해서 Vite는 브라우저에서 지원하는 ES Modules 및 네이티브 언어로 작성된 JavaScript 도구 등을 활용해 문제를 해결한다.

3. Vite를 이용한 프로젝트 생성하기

1. npm init vite
2. 프로젝트 이름 입력
3. 프레임워크 설정
4. variant 설정