가져오기 내보내기

1. 가져오기, 내보내기

(1) import _ from 'lodash' 와 같이 문자 데이터로 from 'lodash' 라고만 명시하면 프로그램은 자동으로 lodash 모듈을 node_modules 폴더에서 찾는다.

(2) default export 로 데이터를 내보내면 따로 이름을 명시하지 않아도 된다.

(3) 자바스크립트에는 데이테를 내보낼 수 있는 총로가 두가지 있다.

하나는 default export
하나는 named export

(4) default export 로 데이터를 내보낼 때는 따로 이름을 지정할 필요가 없다.

ex.

default export 로 내보내는 데이터를 가져올 때는 이름 역시 일치하지 않아도 된다.

getType 이라는 메소드를 default export로 내보낼 때, 이를
import getType from './getType' 으로 가져온다고 가정해보자.
이는 import checkType from './getType'으로 가져와로 checkType이라는 이름으로 사용할 수 있다.

(5) export function randon {~~~} 과 같이 이름을 명시해서 export하는 경우, import할 때
import { random } from './random' 이라고 중괄호를 사용해야 import 가 가능하다.

이 때 export default 문을 사용하면 하나의 데이터만 내보낼 수 있지만
export 문만 사용 즉, named export를 사용하면 한개의 파일에서 여러개의 데이터를 내보낼 수 있다.

(6)
import {random, user as player} from './module' 과 같이 데이터를 가져오면 module 내에 user로 정의된 데이터를 player라는 이름으로 사용할 수 있다.

(7) import * from ~~을 이용해 ~~에서 내보내는 중인 모든 데이터를 가져올 수 있다. (와이드 카드)

(8) export default 와 export named 는 같이 쓸 수 있다.

ex.
getType.js

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

export function sum(x, y) {
  return (x + y)
}

main.js

import checkType from './getType'
import {sum} from './getType'

let x = {
  name: 'honey',
  age: 30,
  arr: [1, 2, 3]
}

console.log(checkType(x))
console.log(sum(1,2))

콘솔