뎁코 홈페이지 프로젝트 개발 중, 이미지를 포함한 정적 데이터를 prop으로 넘겨줄 일이 생겼다.
이미지를 import하고, 그 불러온 이미지를 배열에 담아 넘겨주려는데 ... 외부에서 가져온 image는 무슨 타입이지?
Next.js에서 import한 이미지 파일은 "next/image"의 StaticImageData 타입이고, 해당 이미지가 url인 경우에는 'string' 타입이다.
StaticImageData의 인터페이스는 다음과 같다.
interface StaticImageData {
src: string;
height: number;
width: number;
blurDataURL?: string;
}