프론트엔드 개발을 하다 보면 Webpack이나 Parcel 같은 번들러의 이름을 들어본 적이 있을 것이다.사실 우리는 이 도구들을 설정하고 사용해왔지만 그 역할이나 필요성에 대해 명확히 설명하기는 어렵다."그냥 필요하니까 쓰는 거겠지?"라는 생각으로 넘어가는 경우도 많고 나 또한 그래왔다.하지만 프로젝트 규모가 커지면서 여러 자바스크립트 파일과 CSS, 이미지 등의 리소스를 효율적으로 관리할 필요성을 느끼기 시작한다.특히 네트워크 요청이 많아질수록 성능 저하와 로딩 속도 문제를 경험하게 된다. 이때 번들러라는 것을 들어보게 될 것이다.번들러는 이런 문제를 해결하기 위해 등장한 도구로, 모듈 관리와 최적화를 통해 개발 경험을 크게 향상시킨다.이번 포스팅에서는 번들러가 정확히 무엇인지, 왜 필요한지, 어떤 ..
Front-End 2024. 11. 8. 17:18
프론트엔드 개발을 하다 보면 Webpack이나 Parcel 같은 번들러의 이름을 들어본 적이 있을 것이다.사실 우리는 이 도구들을 설정하고 사용해왔지만 그 역할이나 필요성에 대해 명확히 설명하기는 어렵다."그냥 필요하니까 쓰는 거겠지?"라는 생각으로 넘어가는 경우도 많고 나 또한 그래왔다.하지만 프로젝트 규모가 커지면서 여러 자바스크립트 파일과 CSS, 이미지 등의 리소스를 효율적으로 관리할 필요성을 느끼기 시작한다.특히 네트워크 요청이 많아질수록 성능 저하와 로딩 속도 문제를 경험하게 된다. 이때 번들러라는 것을 들어보게 될 것이다.번들러는 이런 문제를 해결하기 위해 등장한 도구로, 모듈 관리와 최적화를 통해 개발 경험을 크게 향상시킨다.이번 포스팅에서는 번들러가 정확히 무엇인지, 왜 필요한지, 어떤 ..