컴파일러, 번들러, 빌드

웹 개발에서 소스코드를 실행 가능한 형태로 변환해주고, 애플리케이션을 배포할 수 있게 해주는 도구입니다.

컴파일러

소스 코드를 기계어로 변환하는 프로그램을 말합니다.
(Javascript 대표 컴파일러: babel)

번들러

여러 개의 모듈 파일을 하나의 번들 파일로 묶어주는 도구를 말합니다.
(대표: Webpack)

번들러의 주요 특징

  • 모듈간의 의존성 문제 해결
  • 웹 페이지 로딩 속도 향상: 여러개 파일을 하나로 묶어 HTTP 요청수 줄임

빌드

소스 코드를 실행 가능한 소프트웨어로 만드는 과정을 말합니다.
(컴파일 과정뿐 아니라 링크, 패키징 등의 추가적인 단계를 거쳐 실행파일, 라이브러리 등의 결과물을 생성

React의 경우
CRA(Create React App)은 기본적으로 Webpack을 사용합니다.

따로 설정하지 않아도 자동으로 최적화된 번들 파일을 생성함.
커스텀하고 싶다면 컴파일러나 번들러, 빌드 설정을 수정할 수 있음.

Scroll to Top