프론트엔드 로드맵 19 - 모듈러 자바스크립트와 ES6+

모듈(Module)이란 ?

모듈은 컴퓨터 프로그램 중 서로 분리되어 작성되는 것을 말한다. 프로그램을 구성하고 있는 작은 부품으로 생각해도 좋다. 라이브러리 역시 모듈과 비슷한 개념이며, JQuery도 자바스크립트의 라이브러리다. 

 

모듈화를 하면 좋은 점

- 자주 사용하는 코드를 별도 파일로 만들어서 필요할 때마다 쓴다

- 별도 파일만 수정하면 모든 애플리케이션 동작에 적용된다 > 유지 보수에 유용하다

- 필요한 때에만 로직을 불러오기 때문에 불필요한 메모리를 줄일 수 있다

 

호스트 환경 ?

호스트 환경이란 자바스크립트가 구동되는 환경을 말한다. 이전에는 대부분 자바스크립트는 브라우저 환경에서 구동되었으나, 이제는 서버측에서도 이용된다. 서버 측에서 실행되는 자바스크립트는 node.js다. 

 

HTML와 Javascript는 완전히 다른 문법을 가진 언어이므로, 웹브라우저가 이들을 불러오려면 자바스크립트와 HTML의 영역을 분명히 표시해야 한다. 자바스크립트를 구분하는 태그는 script 다.

<script src="exemple.js"> </script>

 

 

참고 사이트:

https://opentutorials.org/module/532/4750