자바스크립트 ES6 모듈 내보내기/불러오기

require : NodeJS에서 사용되는 CommonJS 키워드

import: ES6(ES2015)에서 새로 도입된 키워드

 

불러오기

ES6의 Destructuring 문법 사용

필요한 객체만 선택적으로 전역에서 사용할 수 있으며 또는 모든 객체에 별명을 붙이고 그 별명을 통해서 접근 할 수 있다.

import { canadianToUs } from "./currency-functions"

import * as currency from "./currency-functions"

내보내기

CommonJS에서는 내보낼 단일 객체를 module.exports 변수에 할당하는 방식을 썼었는데, ES6에서는 그 대신 export default 키워드를 사용해서 명시적으로 선언해줍니다. 하나의 모듈에서 하나의 객체만 내보내기 때문에 이를 Default Export라고 일겉습니다.

export default ProductCard

 

참고: 

www.daleseo.com/js-module-import/

자바스크립트 ES6 모듈 내보내기/불러오기 (import)