Next.js (1) 썸네일형 리스트형 (Next.js) Next/Image Do not use <img> * 문제점 Next.js에서는 이미지 최적화를 위해 img 태그의 사용을 권장하지 않고 Next/Image 컴포넌트를 사용하도록 하고 있다. Next/Image는 built-in 성능을 최적화하기 위해 태그를 확장한 것으로 크롬 웹 스토어의 'Lighthoust'와 같은 확장 프로그램으로 측정하는 core-web-vitals에서 좋은 점수를 받을 수 있게 해주는 컴포넌트이다. 하지만 컴포넌트는 width와 height 값을 px 단위로 지정을 해야 하는 불편함이 있고, width와 height 값을 생략하기 위해 layout="fil' 속성을 설정하면 position: relative 속성을 가지는 부모 태그로 감싸주어야 하는 번거로움도 있다. NEXT.js core-web-vitals 링크 그런데 위와.. 이전 1 다음