선생님 nextjs Image태그 크기조절 질문있습니다.

[정중식]

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';

로 해주면 경고문구가 사라지기는하는데,

이미지 크기가 마음에안들어요. 경고 뜰때의 이미지 크기는 좀더 길었다면, 경고없애고나니깐 이미지 크기가 좀 짧고 뭉툭해져있습니다.

정신건강을 위해서 경고 띄운채로 무시하는게 답일까요?

[codingapple]

그거대신 fill 같은 속성이나 css 클래스명으로 스타일줘봅시다

[글쓴이]

글