[JS] JavaScript _ Import, Export 정리

 

🎁 JavaScript의 데이터 연결

• Import  : 가져오기
• Default export :  내보내기1, 이름 지정 필요 X
  • 하나의 파일에서 하나의 데이터만 내보낼 수 있음.
• Named export : 내보내기2 , 이름 지정 ⇒ import 할때 {} 사용

 

여러 데이터를 내보낼 수 있음.

// main.js
import {random, user} from './getRandom' // getRandom.js


// getRandom.js

// 이름이 필요한 통로
// 여러 데이터를 내보낼 수 있음.

export function random() {
  return Math.floor(Math.random() * 10)
}
export const user = {
  name: 'HEROPY',
  age: 85
}

 

모든 데이터를 한번에 가져올 때.

import _ from 'lodash' // From `node_modules`!
import checkType from './getType' // getType.js
// import {random, user as heropy} from './getRandom' // getRandom.js
// 내가 지정한 변수 R로 활용 가능.
import * as R from './getRandom'

console.log(_.camelCase('the hello world'))
console.log(checkType([1, 2, 3]))
// console.log(random(), random())
console.log(R)

• 와일드카드(Wildcard Character, *) : 여러 내용을 한꺼번에 지정할 목적으로 사용하는 기호를 가리킵니다.