Next/Image 사용
외부 url은 별도의설정이 필요
// next.config.js
module.exports = {
images: {
domains: ['연결할 이미지의 도메인'],
},
};
와 같이 사용해야하는데 너무 많은 도메인의경우 경고 문구가 나오고
패턴으로 연결하기에는 스타일이 제각각이고
헤매다가 리다이렉트 한 요소가 적용 되는것을 확인하고
현재 서버 주소(로컬에서 테스트중이니까 로컬호스트)를 기반으로 리다이렉트하여
가져오는 방식을 사용하여 우회할수 있었다.
정보가 많아서 도움이 많이 됐습니다.