[error] nextjs Image 관련

Error: Invalid src prop (https://a.espncdn.com/i/teamlogos/nba/500/scoreboard/den.png) on `next/image`, hostname "a.espncdn.com" is not configured under images in your `next.config.js` See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host

관련 문서 :   
https://nextjs.org/docs/basic-features/image-optimization#domains

https://nextjs.org/docs/api-reference/next/image

 

방법 :
next.config.js 파일 에 이미지 불러오는 도메인 추가.
아래와 같이 도메인을 추가하는 방법이 있고 remotepattern 적용해주는 방법 2가지가 있음 remotepattern 으로 하면 프로토콜, host, path 와같이 좀더 세부적으로 설정할수도 있음

module.exports = {
  images: {
    domains: ['a.espncdn.com'],
  },
}