[NextJS] NEXT 13버전 이미지 태그 외부이미지 불러오는방법

최상단 루트경로에있는 next.config.js 파일에

 

const nextConfig = {
    images:{
        remotePatterns:[
            {
                protocol:'https',
                hostname:'**',
            },
            {
                protocol:'http',
                hostname:'**'
            }

        ]
    }
}

module.exports = nextConfig

 

이렇게 추가해주면 된다.