ES6 모듈 시스템

ES6(ES2015) 이전에는 require("") 를 통하여 모듈을 받아오는 코드를 사용했었다.
이 문법은 commonJS 에서 사용하는 키워드이고, 이 commonJS는 Javascript뿐 아니라 모든 언어에서 공통적으로 사용되는 언어 코드이다.

이후로 import, from, export, default 와 같은 모듈 관리 전용 키워드가 생겨났다.

function getFunction(data_set){
	return Math.round(data_set + 100) / 50;
}

export default {
  app_func(data) {
  	return getFunction(test * test_num) {
    } 
  },
  use_func: function(ko){
  	return getFunction(ko / test);
  }

}

특정한 모듈을 내보내는 방법은 아래와 같다.

const obj_module = {
 obj_methods(data) {
 	return test_module(data  * 10);
 },
};

obj_module.use_func = function(ko) {
	return test_module(data / 10);
}

export default obj_module

이러한 객체를 불러오는 방법은 아래와 같다.

import obj_module from "./....

이러한 용어는 Named Exports 와 Default Export 라고 부른다.
이러한 문법은 바벨 없이 순수하게 코드를 작성할 경우 꼭 js 파일 내에서만 사용해야 한다.