[카테캠 7주차] JS 기초 모듈

모듈

모듈이란? 특정 데이터들의 집합을 의미한다.

import 와 export 키워드를 사용하기 위해서는 script 에 type 프로퍼티를 module 값을 주어야한다.

 

기본 내보내기

export default 는 파일내에 한번만 사용할 수 있다.

 

이름 내보내기

여러개의 데이터를 export 할 수 있으며, import 할때 중괄호를 사용한다.

 

 

import 이름 변경

as 키워드를 사용하여 변경할 수 있다.

 

 

와일드 카드를 사용하여 한번에 import 하기

와일드카드(*) 를 사용하여 abc 라는 이름으로 export 된 데이터들을 한번에 import 할 수 있다.

abc.default, abc.arr 로 접근이 가능하다.

 

 

동적으로 모듈 가져오기

import 키워드는 코드내 최상단에서 사용할 수 있다.

 

만약 코드 중간부분에서 import 를 하고 싶다면 어떻게 해야할까?

 

import 함수와 then 메소드 체이닝을 통해 콜백 내부에서 import 된 모듈에 접근할 수 있다.

 

 

또한 async await 패턴을 사용하여 비동기를 동기코드처럼 접근할 수 있다.

 

가져온 모듈 바로 내보내기

 

a 파일과 b 파일에 있는 함수들을 import 하기위해서는 다음과 같은 코드가 필요하다.

 

 

하나의 파일에 모듈을 합치는 방법은 없을까?

a 파일에서 불러온 a 함수를 바로 export 한다. b 또한 마찬가지다.

 

이렇게 바로 가져온 모듈을 내보내면 util 파일 하나만으로 a 와 b 함수 모두 import가 가능하다.