image

Next.js 13버전을 사용 중이였고 Next.js에서는 img 태그 대신 Next에서 제공하는 Image 컴포넌트 사용을 권장한다. Image태그를 사용하면 lazy loading 이미지 사이즈 최적화 placeholder 제공 의 장점을 가지고 있다고 한다 그러나, Image 태그를 사용할 때 사이즈 오류가 생기는 경우가 많은데 width, height 를 지정해줘도 이미지 사이즈가 지정값보다 작거나 크면 사이즈 속성이 제대로 먹히지 않는다 그렇다 보니 상위요소에 너비랑 높이를 지정해주고 objectFit과 layout={fill} 속성을 사용해주는 방식으로 해결해나가고(?) 있었는데 자꾸 Image with src "/sample/accommodation.png" has legacy prop "o..