번들러는 뭐고… 프레임워크.. 언어..
이게 다 어려울 수 있는데요 !
번들러는 여러 개의 자바스크립트 파일과 모듈을 하나의 파일 또는 소수의 파일로 묶어주는 도구에요.
번들러는 모듈을 묶고, 의존성 관리, 코드 스플리팅, 트리 쉐이킹, 파일 최적화, 번들링 등등.. 다양한 작업을 도와주는 친구입니다.
아는 이야기를 해보자면, 허니어리에서 사용한 번들러는 vite에요.
우리는 vite로 프로젝트를 만들었는데,
기존에는 create react app을 입력해서 프로젝트를 만드는 !!! 즉, Webpack 번들러를 활용하여 프로젝트를 만드는 경우가 많았답니다.
그래서 구글에 react로 프로젝트 만들기 !를 치면 Webpack 번들러를 사용한 create react app 을 입력하여 만드는 예시들이 많이 올라와 있답니다.
그렇다면 저는 왜 Vite로 했냐면