import 와 export

import? export?

사실 import라는 것은 많이 봤을 것이다.
javascript나 java 또는 jsp를 공부할 때

import 어쩌구저쩌구

를하는데 필요한 모듈을 가져오는 기능을 한다.
그럼 export는 무엇일까?
변수, 함수, 클래스 앞에 export 키워드를 붙여
모듈의 기능을 외부에서 사용할 수 있도록 하는 것이다.

data.js 를 하나 만들어주고,
그 안에 데이터들을 넣어준다고 해보자

(data.js 파일)
var name1 = 'Gp'
var name2 = 'Kim'
export {name1, name2 }

이렇게 하면 어디서든지 import 를 통해 가져다 쓸 수 있다.

(App.js 파일)
import {name1, name2} from './data.js';

로 가져올 수 있다.

유의할 점이 있는데
export{} 할 때 변수명 그대로 import{}에 가져와야 한다.

array형으로 해주고 싶다면

(data.js 파일)
let name =
    [
      {name1 : 'Go'}
      {name2 : 'Kim'}
    ]
 
 export default name;

한 후

(App.js 파일)
import name from './detail.js';

로 불러오면 된다.

import 해온 값들을 통해 데이터바인딩 하는 방법은 다음 시간에 알아보도록 하겠다.