export 한 변수 import 해서 사용하기

export default / import 문법

data.js에서 App.js로 변수 가져와서 쓰기.

/* data.js */

let a = 10;
export default a;

export default 변수명;
--> 이렇게 쓰면 원하는 변수를 밖으로 내보낼 수 있습니다.

/* App.js */

import a from './data.js';
console.log(a)

--> export 했던 변수를 다른 파일에서 사용하고 싶으면
import 작명 from './파일경로'

(유의점)

• 변수, 함수, 자료형 전부 export 가능합니다.
• 파일마다 export default 라는 키워드는 하나만 사용가능합니다.
• 파일경로는 ./ 부터 시작해야합니다.

export { } / import { } 문법

/* data.js */

var name1 = 'Kim';
var name2 = 'Park';
export { name1, name2 }

--> export default 대신 이렇게 사용한다.

/* App.js */

import a from './data.js';
console.log(a)

--> export { } 로 내보냈으면 import { } 로 가져다 씁니다.

(유의점)

• export { } 했던 것들은 import { } 쓸 때 자유작명이 불가능.
  export 했던 변수명 그대로 적어야 합니다.

결론
1. export default / import
2. export { } / import { }