코드가 넘나 길어진다면 import / export 사용해보기

import / export 문법

=> 바닐라js에서도 굉장히 많이 보이는 문법이었다.
=> 대략적으로 어떤 기능이겠지 싶긴 했는데 정확히 알게 되었다.

코드가 너무 길어서 다른 파일로 빼고 싶을 때!!!!

내뱉으려고 할 때,

var name = 'Kim';

export default name

=> 'Kim' 이라는게 ㅈㄴ 유용해

=> 어디서든 이제 import로 쓸 수 있음

import name from './data.js';

{name}

규칙

1. 보통 맨 마지막에 쓴다.

2. 꼭 한 번 밖에 못 쓴다.

3. 그래서 변수 여러개를 쓰려면

var name = 'Kim';
var name2 = 'Park';

export {name, name2}


import {name, name2} from './data.js';
{ name }
{ name2 }

=> 보통 많지는 않다.