Next.js with TypeScript - import한 이미지의 타입은 뭐지?

@JHSHIN·2023년 5월 17일
0

뎁코 홈페이지 프로젝트 개발 중, 이미지를 포함한 정적 데이터를 prop으로 넘겨줄 일이 생겼다.
이미지를 import하고, 그 불러온 이미지를 배열에 담아 넘겨주려는데 ... 외부에서 가져온 image는 무슨 타입이지?

Next.js에서 import한 이미지 파일은 "next/image"의 StaticImageData 타입이고, 해당 이미지가 url인 경우에는 'string' 타입이다.

StaticImageData의 인터페이스는 다음과 같다.

interface StaticImageData {
  src: string;
  height: number;
  width: number;
  blurDataURL?: string;
}
profile
We Need Better UX

0개의 댓글