외부 이미지 호스트 에러

문제 상황

Image 태그 src 부분에서 에러 발생

원인

  • Next.js의 Image 컴포넌트는 보안상 허용된 도메인의 이미지만 로드 가능
  • Notion 내부 이미지 외에 프로그래머스 등 외부 이미지 호스트가 설정되지 않음

    • 해결 방법

    next.config.ts 파일에 해당 도메인의 연결 허용

    결과

    이미지 정상적으로 출력됨