<Express.js> es6에서의 import, export

개요

프로젝트를 진행하면 여러 모듈로 관리하는게 좋습니다. 여러 모듈로 관리하기 위해선 모듈간에 내보내고 들여오는 과정이 필요한대요. es6에서의 import와 export를 공부해봅니다.

export

named

• named export는 여러 값을 내보낼때 유용합니다.
• import시에 export한 이름과 동일한 이름으로 해주어야 합니다.

export const functionA = () => {
	console.log("a");
}

export const functionB = () => {
	console.log("a");
}

//export {functionA, functionB};

default

• default는 파일 전체를 export한다는 뜻이구요.
• 모듈 하나에서 default export는 하나만 존재 가능합니다.
• import시에 어떤 이름으로도 할 수 있습니다.
• var, let, const와 동시에 export default할 수 없습니다.

const main = (){
  console.log("main");
}

export default main;

결론

named와 default 사이에 기능적 차이는 생각하지 않고 사용해도 되지만 두 export의 차이를 바탕으로 적절한 사용처를 찾는게 중요합니다.

import

이제 export한 파일을 다른 파일에서 import 해야겠죠? named는 export한 이름과 동일하게 해야하고 default는 export한 이름과 동일하게 하지 않아도 된다는걸 기억합시다.

named

import {functionA, functionB} from './function';

default

import anyName from './main';