javascript 모듈 (import, export)

모듈

독립성을 가진 재사용 가능한 코드 블록

여러 개의 코드 블록을 각각의 파일로 분리한 후 필요한 모듈들을 조합해 애플리케이션을 개발할 수 있습니다.

변수, 함수, 객체, 클래스 등을 export할 수 있습니다.

let var1 = 1000;
function add(a,b) {
    return a+b;
}

export { var1, add };

import { add, var1 as v  } from './utils/utility1';

console.log(add(4,5));
console.log(v);

만일 export하는 값이 단일 값, 단일 객체, 단일 함수, 단일 클래스라면 default 키워드를 이용해 export한 후 단일 값으로 import할 수 있습니다.

let calc = {
    add(x,y) {
        return x+y;
    },
    multiply(x,y) {
        return x*y;
    }
}

export default calc;

import calc2 from './utils/utility3';

console.log(calc2.add(4,5));
console.log(calc2.multiply(4,5));