• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 선생님 nextjs Image태그 크기조절 질문있습니다.

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

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #84680

    정중식
    참가자
    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';
    로 해주면 경고문구가 사라지기는하는데,
    
    이미지 크기가 마음에안들어요. 경고 뜰때의 이미지 크기는 좀더 길었다면, 경고없애고나니깐 이미지 크기가 좀 짧고 뭉툭해져있습니다.
    
    정신건강을 위해서 경고 띄운채로 무시하는게 답일까요?
    #84689

    codingapple
    키 마스터
    그거대신 fill 같은 속성이나 css 클래스명으로 스타일줘봅시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠