10000COW

Module이란? 코드를 해당 파일 내부에서만 한정할 수 있도록 모듈화하는 것 즉, 한 모듈이라고 하는 것은 한 파일 안에 작성돼있는 코드를 말한다. 모듈화를 하면 기본적으로는 서로 다른 모듈(즉 서로 다른 파일)에서는 다른 파일에 있는 것들을 접근하거나 볼 수 없다. 따라서 다른 모듈에서 어떤 모듈의 함수를 이용하고 싶다면 제공하고자 하는 모듈에서는 export를, 사용하고자 하는 모듈에서는 import를 사용해야한다. Module의 필요성 여러 개의 파일이 있을 때 각각의 파일의 모든 코드들을 global scope로 측정된다. 즉 파일 안에 작성된 함수들은 브라우저 환경이라면 window에, 노드 환경이라면 global에 등록된다. 문제는 어떤 파일들에서 중복적인 이름의 함수가 구현돼있을 때 이름 ..

파일 모듈화 모듈(module)을 사용하면 JavaScript 파일별로 각각 캡슐화가 가능하다. 두 개의 JavaScript 파일을 만들어서 모듈화를 해보자. 우선, 아래와 같이 HTML 파일에 counter.js 파일과 main.js 파일을 태그로 연결해보자. Index.html counter.js 파일에는 변수 count가 있고, 함수 increase와 getCount가 있다. 변수 count는 다른 파일에서 접근하지 못하게 하고, increase와 getCount는 사용할 수 있게하려면 export를 앞에 붙여주면 다른 파일에서 import가 가능하다. (export default는 모듈에서 딱 하나만 export할 때 사용할 수 있다.) counter.js let count = 0; export ..