sooleeandtomas

Image 컴포넌트.Image컴포넌트는 image lazyloading 사이즈최적화, layout shift방지 (이미지 로딩이 늦어서 layout이 바뀌는 현상)를 해준답니다.Image컴포넌트가 수용해주는 props에 대해 알아봅시다.#Required Props1. src1-1. 정적으로 import된 파일import Image from "next/image"import imgsrc from "/public/0.png"1-2. 외부링크, 내부상대링크 둘중 하나. 만약 외부링크를 사용한다면, next.config.js에서 remotePatterns에 추가를 해줘야 합니다.module.exports = { images: { remotePatterns: [ { ..