[ES6] Module

모듈

---

ES6의 모듈을 사용하기에 앞서 보편적인 브라우저에서는 지원하지 않는다. 크롬도 아마도 61+버전 부터 사용이 가능했던걸로 

기억한다. 최신버전으로 업데이트 하는 걸 권장한다. 그리고 모듈은 로컬 환경에서 개발 테스트를 할 수 없으며 서버 환경에서

실행해야한다.

모듈은 자바스크립트 코드의 재사용성을 높이는데 도움이 되며 자신만의 스코프 갖기 , 전역변수와 지역변수를 나누어 선언, 

비동기로 모듈을 로드하여 사용 모듈의 주요 기능이다. 

모듈은 자기만의 스코프를 가지고 변수 또는 함수는 비공개 API로 선언된다.  export 키워드를 앞에 붙이고 변수 또는 함수 등을 선언

시 공개 API로 선언된다. 이에앞서 모듈 로드가 선행되야 한다.

module.js
export default function();

기본값 사용에서는 export 키워드 뒤에 default 키워드를 추가하면 기본값으로 선언 된다. 기본값은 import 키워드 뒤에 명명해서 로드

가능하다.

1 2 3 4 5 6 7

export default function(){     console.log('module import'); }   // index.html 에서 import foo from './module.js'; foo()

cs