open API를 가지고 만드는 토이 프로젝트에서 next의 Image태그를 사용하는데 경고 문구가 계속 발생하였다.

발생

외부의 도메인을 이용하여 이미지를 가져와서 next의 Image태그를 이용하여 사용하려면 next.config의 설정이 필요하다.

데브모드를 시작하면 이러한 경고문구가 뜨기 시작했다.

발생원인

구글링을 해보니 스택오버플로우에서 NEXT14 버전 부터는 images.domain을 사용하지 않고, images.remotePatterns를 사용한다고 한다.

그래서 경고 문구가 떴던 것..

문제 해결

기존의 next.config.js의 설정

경고 문구가 말하는데로 remotePartterns를 사용하면 경고 문구가 사라진다!