export, import

es6가 나오면서 자바스크립트에도 모듈의 개념이 생겼습니다

 

자바를 배우신 분들 이라면 익숙하실겁니다

영어 뜻 으로 직역하면 아래와 같습니다

export = 내보내다

import = 수입하다

 

실제 사용방법도 간단합니다

똑같이 변수선언을 한 다음 앞에 export만 붙이면 됩니다

가져올 때는 중괄호로 export한 변수 이름만 적으면 됩니다

복수개를 한번에 가져오고 싶을 때는 중괄호 안에 ,로 구분해서 가져옵니다

 

*팁

자바스크립트 스타일 가이드는 클래스와 함수는 선언 중괄호 끝에 ; 세미콜론을 붙이지 말라고 권유하고 있습니다

 

가져오고자 하는 모듈에서 여러개의 export를 가져오고 싶을 때

오른쪽 사진 처럼 *(all의 의미)을 사용합니다

as로 임포트의 명을 지정해 주고 임포트명 . 로 가져오게 됩니다

 

export default

새로운게 나왔다고 인상쓰지 않아도 괜찮습니다

너무 쉽거든요

 

export default를 왜 쓰는가

장점 : 가져오기를 할 때 개발자가 원하는 대로 이름을 지정해 줄 수 있습니다