개발하는데 다 이유가 있겠지

프로젝트를 진행하면서 계속 변경할 예정

 

프로젝트 생성(Vite)

---

1. npm create vite@latest를 실행(Vite 사용하기 위해서는 node.js 설치 필요)
2. 프로젝트 이름 설정
3. 프레임워크 설정(Vanilla, Vue, React 등)
4. variant 설정(Typescript를 선택할 것인지)
5. cd 프로젝트 이름
6. npm install
7. npm run dev

위와 같이 진행하면 http://localhost:5173/ 주소로 React에 Vite 빌드 도구를 활용한 페이지를 확인할 수 있다.

 

궁금증

---

이전에는 CRA(create-react-app)을 통해 프로젝트를 생성했었는데, Vite를 사용하는 이유는 뭘까?

CRA는 JavaScript로 구성된 Webpack(웹팩)을 사용하는데 속도가 느린 편이다. 코드의 양이 많아질수록 느린 속도를 체감할 수 있다. 위의 단점을 해결하기 위해 *Esbuild를 기반으로 만들어진 빌드툴인 Vite를 사용한다.
*Esbuild : Go언어로 작성된 JavaScript 빌드툴, 속도가 빠름

 

[참조]
https://bo5mi.tistory.com/196