2020.06.21 import & export

우선 export(내보내기)에 대해서 먼저 말하려고 한다.

 

import(가져오기) & export(내보내기)

모듈을 등록할수있는 키워드이다.

여기서 모듈이란?

묶어논 상자라고 보면 이해하기 쉽다.

내가 만들어논 원시값,함수,클래스,객체 등을 export를 통해서 하나로 묶고

다른 파일에서 import를 이용해서 사용하는것이다.

 

export(내보내기)

export에는 2가지 방식의 내보내기가 존재한다.

 

1. 일반적인 내보내기

2. default를 사용하여 내보내기

 

우선 1번 내보내기를 알아보자.

이런식으로 내보내기가 가능하다.

 

2번 내보내기는

 

뭐가 다를까?

일반적으로 default가 많이 사용되는데 이유는 하나의 파일에 하나의 모듈을 사용하기때문이다.

즉, 파일 하나에 export 하나만 가능하다는거다.

내가 위에서 index.js에서 export default ~~ 를 사용했다면

두번은 사용하지 못한다는 의미이다.

주로 함수에 사용하는걸 많이 봤다. 

default를 사용하는것은 코드의 복잡성을 낮춰주고 사용하기 쉽기때문에 많이들 사용한다.

 

import(가져오기)

앞에서 했던 export한것을 다른 파일에서 사용하려면 import를 이용하여 사용한다.

 

일반적인 import

일반적으로 그냥 가져오는게 있고

 

별칭주는 import

 

이런식으로 본인이 별칭을 주는 방법도 있다.

 

여러개의 export 한번에 가져오는 import

 

여러개를 한번에 가져오기도 한다.