js 모듈 import와 export

🌲 모듈 내보내기 & 불러오기

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

• default export
• named export

 

 

---

🚨 default export

이름을 지정하지 않거나 변경해도 되는 이유는 하나의 데이터만 담겨 있기 때문이다.

 

📍 기본 통로로 나가는 데이터는 이름을 지정할 필요가 없다.

 

📍  import시 이름을 마음대로 지정 가능

 

 

 

🚨 named export

 

📍 불러올 때 정확한 함수이름과 중괄호 안에 적어야 한다.

import {random} from '경로'

 

📍 여러 개의 데이터 불러오기

import {random, user} from '경로'

 

📍 이름 변경하는 방법

(as 키워드를 사용)

 

📍 모든 데이터 불러오기

*와일드카드 Wildcard Character, * aesterisk : 여러 내용을 한꺼번에 지정할 목적으로 사용하는 기호

 

 

---

*deault export와 named export는 하나의 파일에서 함께 사용할 수도 있다.