모듈

코드를 작성하는 과정에서 코드가 늘어나면 정리하는 과정이 필요하다. (ex. 객체, 배열, 함수 등..)

이러한 정리수단인 객체가 늘어나면 더 큰 틀의 정리 수단이 필요하다. → 모듈(Module)

 

모듈 : 특정한 기능을 하는 함수나 변수들의 집합

 

모듈은 파일로 쪼개서 밖으로 내보낼 수 있음 = 모듈로 만들면 여러 프로그램에서 재사용 가능

코드가 길다 싶으면 파일로 잘게 쪼개서 관리하기 쉽게 만들 수 있다는 것~

var M = {
  v: "v",
  f: function() {
    console.log(this.v);
  },
};

//아래 명령어는 약속이다.
module.exports = M;
//기능들 중에서 M이 가리키는 객체를 모듈 밖에서 사용할 수 있도록 내보내겠다.

→ 다른 파일에서 쓰고 싶은 변수들을 module.exports라는 곳에 할당해서 넘겨주면 된다.

객체 형식으로 내보낼 수도 있음(module.exports = {} )

module.exports는 각 파일마다 한번씩만 사용해야 한다

// "./"는 현재 디렉토리라는 뜻!
var part = require("./mpart.js");
console.log(part);

part.f();

→ 다른 파일로 넘겨줄 수 있게 exports해준 파일은 require("경로")로 불러올 수 있다.
./ = 지금 내가 있는 폴더를 의미함

 

 

 

+ES2015 부터 자바스크립트 자체 모듈 시스템 문법이 생겼다.

아직 노드에서의 지원은 완벽하지 않지만 대체로 아래와 같이 대체할 수 있다.

module.exports f → export default f

const a = require('./dir') → import a from './dir'

단, 완전히 같은 방식으로 동작하는 것이 아니기 때문에 경우에 따라 주의가 필요하다.