export, import

코드의 최적화를 이룰 수 있는 방법.

요약

지금까지 배운 export 타입을 다시 한번 살펴봅시다.

아래 타입들을 쭉 보고 얼마나 기억하는지 체크해 보세요.

• 클래스, 함수 등의 선언부 앞에 export 붙여서 내보내기:
  • export [default] class/function/variable ...
• 이름 없는 개체 내보내기:
  • export {x [as y], ...}.
• 다시 내보내기:
  • export {x [as y], ...} from "module"
  • export * from "module" (default export는 다시 내보내 지지 않음)
  • export {default [as y]} from "module" (default export를 다시 내보냄)

가져오기 타입 역시 정리해 봅시다.

• named export 가져오기:
  • import {x [as y], ...} from "mod"
• default export 가져오기:
  • import x from "mod"
  • import {default as x} from "mod"
• 한 번에 가져오기:
  • import * as obj from "mod"
• 모듈을 가져오긴 하지만(코드는 실행됨), 변수에 할당하지 않기:
  • import "mod"

import/export 문은 스크립트의 맨 위나 맨 아래에 올 수 있는데 이 둘엔 차이가 없습니다.

-Ref. ko.javascript.info/import-export

 

 

---

Ref.

ㅁ 개요 및 사용방법 (예시) : ko.javascript.info/import-export

ㅁ