@next/next/no-img-element
next.js
에서 제공하는 Image
컴포넌트는 매우 특별합니다.
무려 최적화 기능을 제공해주는데요, 그렇기 때문에 다른 컴포넌트들보다 더욱 까다로운 옵션들을 제공해주어야 합니다.
예를 들면, 이미지 출처의 hostname
을 적어주어야 한다는 것들이 존재하고, 이미지 자체에 대한 스타일링이 제한적이라는 단점도 존재해요.
(현재는 컨테이너 안에 넣어둠으로써 이미지를 구현했습니다.)
따라서, 이것이 매우 불편하다 싶으면, img
로 작업할 수 있도록 설정해주었답니다!