220903(토)

🪴 성장일지

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?
성장하고 있는 것이 살아 있는 것이다.
생명의 유일한 증거는 성장이다!

🌳 키워드 최대한 간단하게 정리, 추후에 보면서 스스로 설명

JavaScript 바벨(Babel)과 웹팩(Webpack)

바벨

현재 많은 브라우저들이 대부분 ES6를 지원하고 있다.
하지만 그 위의 버전과 제안 단계에 있는 ES.NEXT는 아무래도 브라우저가 지속적으로 따라가기 힘들다.

이를 해결하기위해 최신 버전의 자바스크립트 코드를 ES5 버전의 코드로 바꿔주는 것이 바벨이며 이를 트랜스파일링이라고 한다.

웹팩

의존 관계에 있는 자바스크립트, CSS, 이미지 등의 리소스들을 하나(혹은 여러개)의 파일로 번들링하는 역할을 한다.(모듈 번들러)
즉, 자바스크립트 파일들을 각 기능이나 목적에 맞는 모듈들로 구성 후 다시 이 모듈들을 하나로 합쳐주는 작업을 도와주는 것이 웹팩
또한 여러 개의 자바스크립트 파일을 하나로 번들링해주기 때문에 HTML 파일에서 여러 개의 script 파일을 로드할 필요가 없어진다.