항해 4주차 - Export & Import

아픈데다가 이해를 못해 멘탈이 박살났던 주...

export란?

export는 쉽게 설명하자면 내가 만든 모듈의 함수, 객체, 변수를 다른 모듈에서 가져다

사용할 수 있도록 내보낼 때 사용한다.

//변수로 선언한 것을 내보낸다
export let myTest = 'good'

//두개 이상을 내보낼 때는 {}로 묶어서 export하면된다.
let myVar = 'wandoo'
let myVarArray = ['Hi','wandoo입니다.']
export {myVar, myVarArray};

export default 에서 default의 의미는 특정 하나만 내보낸다 라고 생각하면 됨

//특정 하나만 내보낼 수 있다.
let myVar = 'wandoo'
let myVarArray = ['안녕하세요','wandoo입니다.']
export default myVar;

만약 두개 변수를 export default 할 경우 이미 default가 존재한다는 에러가 발생한다.

let myVar = 'wandoo'
let myVarArray = ['hi','wandoo']
export default myVar;
export default myVarArray;

//Uncaught SyntaxError: Identifier '.default' has already been declared

 

import란?

import는 export를 통해 내보낸것을 가져다 사용한다 라고 보면 된다.

이때 export를 어떻게 하냐에 따라 import 선언 방법이 달라진다.

//basic.js

let myVar = 'wandoo'
let myVarArray = ['Hi','wandoo']
export {myVar}
export {myVarArray};

//export를 아래와 같이 하나로 묶어서 사용가능하다.
export {myVar,myVarArray}