*바이트 아니고 비트 입니다. 😆 웹과 웹 프로그래밍이 발전을 하게 되면서 프로젝트의 덩치를 키울 수 있게 하기 위해서는 자바스크립트를 여러개의 파일로 나눠서 모듈 방식으로 개발하는 방식이 반드

*바이트 아니고 비트 입니다. 😆 웹과 웹 프로그래밍이 발전을 하게 되면서 프로젝트의 덩치를 키울 수 있게 하기 위해서는 자바스크립트를 여러개의 파일로 나눠서 모듈 방식으로 개발하는 방식이 반드시 필요했습니다. 그러나 브라우저의 특성상 파일을 저장해 둘 수가 없고 파일의 의존도를 확인하기 위해서는 로딩을 해서 확인을 하고 또 필요한 코드를 로딩해서 확인하고 하는 과정을 통해서 로딩시간이 훨씬 더 길어진다는 단점이 있었습니다. 그러다보니 모듈을 순차적으로 비동기로 부르기 보다는 이미 만들어진 모듈을 통해서 브라우저가 해석하기 쉽게 하나의 파일로 만들어주는 방식이 생겨나게 되었으며 이를 도와주는 도구를 번들러라고 부릅니다. 이 번들러를 통해서 모듈을 통한 개발이 더 수월해졌고 프로젝트의 덩치를 키우기에 유용해졌습니다. 그러나 프로젝트가 커질수록 번들러들의 빌드속도는 점점 느려져갔고 특히 수정된 내용을 확인하기 위해서 계속 번들을 해야했기에 개발 생산성이 떨어지게 되어 빌드속도를 높이기 위한 수단이 필요하게 되었습니다. 이후 js가 아니라 go언어로 개발하여 100배나 빠른 빌드 도구인 esbuild가 탄생하였습니다. 그러나 이 툴은 빌드만 가능했고 그동안 기존 번들러들은 빌드를 넘어서 개발을 하기 위한 도구로 진화를 하였기 때문에 esbuild를 실전에서 사용하기는 어려웠습니다. 그러나 esbuild의 속도는 정말로 빨랐기에 이것과 표준 브라우저 모듈을 결합하여 개발할때에는 빠르게 수정사항을 반영하게하면서 production을 만들때에만 기존 번들 툴을 이용한다는 컨셉을 통해 더 빠르게 개발을 할 수 있도록 할 수 있는 도구인 snowpack이 탄생하였습니다. 기존에 만들어진 좋은 것들을 벤치마킹하여 자기 것으로 만드는 능력이 뛰어난 에반유가 snowpack에서 영감을 얻어 정말 빠른 프론트엔드 도구인 vite를 만들게 됩니다. 그리고 기존의 단점등을 잘 정리하고 멋진 문서화와 성능등을 바탕으로 2021년 가장 만족도가 높은 툴이 됩니다. 그리고 Vite가 webpack이 아닌 Svelte를 만든 리치 해리스가 만든 Rollup을 메인 번들러로 택함으로써 Svelte가 Vite 진영과 함께 하게 되었습니다. Vite는 정말로 현재 인정을 받고 있는 빌드 도구이며 말 그대로 엄청 빠릅니다. 그리고 2021의 만족도를 높을 수 있었던 만큼 안정적입니다. 빌드를 하는 과정이나 개발을 하면서 수정사항 반영이 너무 느린것 같다고 생각되는 프로젝트가 있다면 한번 vite를 한번 시도해 보시는 것은 어떨까요? Vite가 궁금하신 분들은 터미널에서 아래 명령을 치고 꼭 한번 그 빠르기를 경험을 해보시길 바라며 이 글이 vite에 대한 이해도를 높이는데 도움이 되었기를 바랍니다. npm init vite 끝으로 vite와 관련된 글 중에서 좋다고 생각하는 글들을 참고자료로 모아보았으니 더 궁금한 내용이 있다면 꼭 한번씩 다 읽어 보시길 바랍니다.