모듈 export default / import 'as'

🪢 모듈이란?

클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성

 

export : 모듈 내보내기
import : 모듈 가져오기

import 'as'  가져올 것이 많으면 import * as <obj> 이렇게 객체 형태로 원하는 것을 가져올 수 있다.

루티너리 Home 컴포넌트에서 style.ts 사용하려고 위의 방식을 사용해봤다.

import * as Styled from './style';

 

이렇게 가져온다음에 

 

<Styled.BackgroundBox>

 

이런식으로 사용해줬다.

 

 

 

---

🪢 export default

export default는 해당 모듈에는 개체가 하나만 있다는 것을 의미한다.

export default 한 모듈을 가져오려면 {} 필요없음

default 키워드는 기본 내보내기를 참조하는 용도로 사용된다.

 

+named export 한 모듈을 가져오려면 {} 필요하다.