import Image from 'next/image';
<Image
src={data.src}
alt='이미지'
className='list-img'
layout='responsive'
width={100}
height={100}
priority={true}
/>
)}
이렇게 코드를 짜줫는데
Image with src "https://s3.ap-northeast-2.amazonaws.com/nextjscodingapple/92804c62_test.jpg" has legacy prop "layout". Did you forget to run the codemod?
Read more: https://nextjs.org/docs/messages/next-image-upgrade-to-13
이런 경고문구가 f12눌러보면 떠있더라구요
그래서
import Image from 'next/legacy/image';
로 해주면 경고문구가 사라지기는하는데,
이미지 크기가 마음에안들어요. 경고 뜰때의 이미지 크기는 좀더 길었다면, 경고없애고나니깐 이미지 크기가 좀 짧고 뭉툭해져있습니다.
정신건강을 위해서 경고 띄운채로 무시하는게 답일까요?