최근에 react 프로젝트를 하면서 ide로 자동으로 typescript의 react를 다운받고 있는데 의존성문제의 이슈가 발생하였다.그러던 와중에 vite라는 것을 알게되었고 vite + react 이렇게 프로젝트를 구성하였었다.vite 또한 번들러의 하나라고 하는데 과연 번들러란 무엇일까?우선 vite 는 무엇인가에 대하여 설명하자면vitedev 서버 실행속도를 개선하기위해 사용하고, 의존성과 소스 코드를 나눠서 속도를 개선한다. 그리고 코드 수정 시 자동으로 재빌드하는 HMR 기능을 제공한다.Bundler번들러는 여러 개의 모듈화된 자바스크립트 파일들을 하나로 합치는 역할을 해준다.각 모듈간의 충돌 가능성을 해결해준다.다량의 모듈 파일을 전송할 때 생기는 딜레이에 대한 문제를 해결해준다.브라우저가 ..