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

김민석·2021년 1월 4일
0

YouTube clone

목록 보기
7/54

개요

프로젝트를 진행하면 여러 모듈로 관리하는게 좋습니다. 여러 모듈로 관리하기 위해선 모듈간에 내보내고 들여오는 과정이 필요한대요. 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';
profile
누구나 실수 할 수 있다고 생각합니다. 다만 저는 같은 실수를 반복하는 사람이 되고 싶지 않습니다. 같은 실수를 반복하지 않기 위해 기록하여 기억합니다.🙃

0개의 댓글