export default와 export ,import 할때, 중괄호 {} 차이

- 정리

1. export 함수or변수 (딱 지정했으니 이대로 사용) - 경우에는 import { 함수명 } from * 으로 사용하는데,                                                                                   <함수명 고정, 중괄호필수> 2. export default (default로 임의로 지정) - 경우에는 import 함수명 from * 으로 사용하게 됩니다                                                                                  <함수명은 내맘대로 가능>      이름을 바꾸고 싶으면 '원래이름 as 바꿀이름'  3. import {bus as taxi} from 'bus.js';  ( as로 변수명을 바꿔서 호출)

 

 

export(내보내기)

 

• export에는 named와 default가 있습니다.
• export 하는 모듈은 “use strict” 입니다.
• 두 가지 방식으로 모듈을 export할 수 있습니다.

export - named

// 1. 먼저 선언한 함수 내보내기 myFunction(){ ....} export { myFunction }; // 2. 상수 내보내기 export const foo = Math.sqrt(2);

export - default

// 기본 내보내기 export default function() {} // 기본 클래스 내보내기 export default class {}

 

차이점

1. named export는 동일한 이름으로 가져올수 있고, 이름을 바꾸려면 as를 사용해야합니다.

//a 모듈을 b이름으로 사용합니다. import {a as b} from "module.js";

2. 하나의 모듈(파일)에서는 하나의 default export만 가능합니다.

3. {} 구문으로는 default export를 사용할 수 없습니다.

 

 

import(가져오기)