🚀 Zero Plan 기술 블로그

Frontend Bundler는 웹 애플리케이션의 여러 자산(HTML, CSS, JavaScript 파일 등)을 하나의 파일 또는 몇 개의 파일로 묶어주는 도구입니다. 이러한 과정을 통해 웹 애플리케이션의 로드 속도를 개선하고, 코드 관리를 쉽게 할 수 있습니다.

주요 기능

프론트엔드 프로젝트를 시작할 때 가장 먼저 마주치는 도구들이 있습니다. 바로 **ESLint, Prettier, Babel**입니다. 이 도구들이 각각 어떤 역할을 하는지, 그리고 왜 함께 사용해야 하는지 정리해 보겠습니다.

---

Vite는 현대 웹 개발을 위한 빠르고 경량의 빌드 도구입니다. Evan You(Vue.js의 창시자)가 개발하였으며, 특히 빠른 개발 경험과 최적화된 빌드를 제공하는 데 초점을 맞추고 있습니다. Vite는 ES 모듈을 기반으로 하여, 개발 중에 빠른 핫 리로드와 최적화된 프로덕션 빌드를 지원합니다.

주요 특징

Frontend Bundler는 웹 애플리케이션의 여러 자산(HTML, CSS, JavaScript 파일 등)을 하나의 파일 또는 몇 개의 파일로 묶어주는 도구입니다. 이러한 과정을 통해 웹 애플리케이션의 로드 속도를 개선하고, 코드 관리를 쉽게 할 수 있습니다.

주요 기능

프론트엔드 프로젝트를 시작할 때 가장 먼저 마주치는 도구들이 있습니다. 바로 **ESLint, Prettier, Babel**입니다. 이 도구들이 각각 어떤 역할을 하는지, 그리고 왜 함께 사용해야 하는지 정리해 보겠습니다.

---

Vite는 현대 웹 개발을 위한 빠르고 경량의 빌드 도구입니다. Evan You(Vue.js의 창시자)가 개발하였으며, 특히 빠른 개발 경험과 최적화된 빌드를 제공하는 데 초점을 맞추고 있습니다. Vite는 ES 모듈을 기반으로 하여, 개발 중에 빠른 핫 리로드와 최적화된 프로덕션 빌드를 지원합니다.

주요 특징