javascript 가져오기, 내보내기

내보내기 export

- 내보내기를 할 때 2가지 통로가 있다.

- default 키워드를 사용하여 내보내는 방법

- 이름을 지정해서 내보내는 방법

 

ex)
export default function getType(data) {
    return Object.prototype.toString.call(data).slice(8, -1);
}

ex)
export default function (data) {
    return Object.prototype.toString.call(data).slice(8, -1);
}

- 내보내기를 할 때 default를 사용하는 경우 'getType'이름을 따로 지정하지 않아도 된다.

- default 기본통로로 내보내기를 한다면 1개만 내보낼 수 있다.

 

ex)
import getType from '/getType';
ex)
import checkType from '/getType';

- import로 가져오기를 할 때에도 다른이름으로 사용해도 문제가 되지 않는다. js 경로만 잘 명시하면 된다.

---

ex)
export function random() {
    return Math.floor(Math.random() * 10)
};

export const user = {
	name: 'codenote',
    age: 22
};

import {random, user} from './getRandom';

- default 가 아닌 이름(random)을 지정해서 내보내기 하게되면 여러 데이터를 내보낼수 있다.

- { } 객체 구조 분해와 같이 꺼내서 사용할수 있음.

- 내보낼 데이터가 여러개가 있으면 이름을 지정해서 내보낸다.

 

import {random, user as codenote} from './getRandom';

console.log(codenote);

- 가져올 때 이름을 바꾸고 싶으면 as를 통해서 바꿔서 들고올 수 있다.

---

import * as codenote from './getRandom';

console.log(codenote);

- 여러 데이터를 한번에 가지고 올때는 * as 를 사용해서 가지고 올 수 있다.

- * 와일드카드

- * as 를 사용하면 default를 사용할 수 있다.