[ES6] import/export module

Export 방법에는 두가지가 있다.

 

1. Named Export : 변수/함수/객체 명을 export, 초기화와 export 동시에 가능

//초기화와 동시에 export
export const something = 5;

export function sum(a,b){
	return a+b;
}



//선언된 객체의 export
const something = 5;

const sum = function(a, b) {
  return a + b;
};

export {something, sum};

- alias 지정

const somthing = 5;
export {something as somethingNew};

//something이라는 상수는 somethingNew라는 이름으로 export된다.

- 다른 모듈의 객체를 export

export {name1, name2} from './path/of/module';

//다른 모듈에서 import 해옴과 동시에 export 하는 방식
//여러 모듈을 하나로 묶어 다시 export하는 index.js 같은 파일을 만들때 사용

 

2. Default Export : 모듈당 한번만 가능하다. 초기화와 export 동시에 불가능

//export

export default something;
export default function () {...}


//import

import something from 'something'

 

3. import

//named export 방식으로 export 된 모듈을 import
import {module1, module2} from 'path/module';

//module의 모든 멤버들을 test라는 변수의 하위멤버로 바인딩한다. '.'을 이용하여 멤버에 접근 가능
import * as test from 'module';
const module1 = test.module1;

//default export 방식으로 export 된 모듈 import
import module from 'path/module';