[간단] export default로 export된 모듈 as로 별칭 붙이기

 

개발하다보면 이게 왜 안될까? 이걸 왜 몰랐지? 하는 순간이 있다.

 

Next의 Image 컴포넌트를 사용하려고 하는데 여기에 별칭을 붙이고 싶었다.

 

근데 as로 단순하게 붙이려고 했더니

 

 

알고 보면 좀 이상하게 생기긴 했다.

 

 

 

 

위처럼 syntax error가 잡혔다.

 

단순 export된 모듈은 import { ImageProps as NextImageProps } from 'next/image'로 사용 가능하지만

export default 모듈은 방식이 다르다. 정답은 아래와 같다.

 

 

import { default as NextImage, ImageProps as NextImageProps } from 'next/image'

 

 

 

위처럼 default as {모듈} 로 사용하면 된다!

 

짧은 포스팅 끝.