[nextjs]이미지 태그 만드는 법

1. 넥스트 전용 이미지 태그(로컬)

import Image from 'next/image'
import 작명 from '/public/pipe.jpg'

<Image className='food-img' src={작명}/>

2. 넥스트 전용 이미지태그(웹)

import Image from 'next/image'
<Image className='food-img' src="https://s3.amazonaws.com/my-bucket/profile.png" width={} height={}/>

하지만 Image 태그 쓰기가 편하지 않으므로 그냥 img 태그 쓰고 lazy loading은 다른 모듈 쓰는 게 나을 수도 있다.