보일러플레이트: 최소한의 변경으로 여러 곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드

템플릿 엔진 : 템플릿을 읽어 엔진의 문법과 설정에 따라서 파일을 HTML 형식으로 변환시키는 모듈

ㄴ ejs(Embedded javascript) : javacript 기반의 템플릿 엔진

ㄴ 자바스크립트가 내장되어 있는 html 파일

ㄴ html 태그처럼 자바스크립트 내용을 삽입할 수 있음 ⇒ 페이지를 동적으로 짜는 것이 수월해짐

웹팩 :

= 어플리케이션에 필요한 모든 파일(모듈)을 병합하고 압축해서 하나의 결과물(번들)을 생성하는 도구

= 브라우저에서 자바스크립트 파일들을 묶어서(번들링) 사용하기 위함

= 어떠한 자원 (js, css, png …)이나 자산등을 전송, 구축 패키징이 가능하게 만드는 도구

= 웹팩 번들링은 모듈화된 자바스크립트를 묶어준다

ㄴ 웹팩은 dist라는 폴더에 빌드한 파일들을 추출

ㄴ 웹팩설정 : webpack.config.js

ㄴ 웹팩은 노드와 같은 브라우저창이 없는 자바스크립트 환경에서 동작?

웹팩을 사용하는 이유

• 코드의 가독성
• 유지보수
• 빠른 로딩 속도와 높은은 성능

모듈 : 개별적인 기능을 하는 작은 단위

ㄴ 웹팩에서의 모듈은 어플리케이션을 구성하는 html, css, js, images 등 많은 파일들을 모듈이라고 봄

번들러 : 어플리케이션을 구성하는 모든 모듈을 병합하고 압축해서 만들어진 하나 이상의 파일을 번들,

이러한 동작을 번들링