react import export

코드가 길어지면, 단위별로 잘라내어 파일을 따로 만들고, 불러오는 식으로 하는게 이쁘다.
여기서 사용되는 것이 import / export.

export

저장되어있는 코드를 내보낼때 사용됨.
data.js 라는 파일이 따로 있고 거기 안에 변수 하나가 있다 가정해봄.

let data = 10; 
export default data;
//여러개 export할땐 export {data1, data2} 이렇게 씀.

import

다른데 저장되어있는 코드를 가져올 때 사용됨.
위에서, data.js에서 data라는 변수 하나를 export했음.

import data from "./data.js";
//여러개 import 할땐 import {data1, data2} from "./data.js"; 이렇게 씀.
console.log(data); // 10 나옴.

다른데선 이렇게 가져다 쓰면 끝.
여기서 data는 변수명이 되고, from 뒤에는 다른 데 저장된 코드 위치를 나타냄.