프로젝트를 진행하면 여러 모듈로 관리하는게 좋습니다. 여러 모듈로 관리하기 위해선 모듈간에 내보내고 들여오는 과정이 필요한대요. es6에서의 import와 export를 공부해봅니다.
export const functionA = () => {
console.log("a");
}
export const functionB = () => {
console.log("a");
}
//export {functionA, functionB};
const main = (){
console.log("main");
}
export default main;
named와 default 사이에 기능적 차이는 생각하지 않고 사용해도 되지만 두 export의 차이를 바탕으로 적절한 사용처를 찾는게 중요합니다.
이제 export한 파일을 다른 파일에서 import 해야겠죠? named는 export한 이름과 동일하게 해야하고 default는 export한 이름과 동일하게 하지 않아도 된다는걸 기억합시다.
import {functionA, functionB} from './function';
import anyName from './main';