Next.js Image 컴포넌트 엑박
문제발생
특정 선수의 경우 서버에 이미지가 존재하지 않아서 엑박이 뜬다.
잔루이지 돈나룸마씨.....😥
해결방안
https://nextjs.org/docs/app/api-reference/components/image#onerror
Image 컴포넌트의 onError 속성을 사용해서, 이미지가 존재하지 않을 때 대체 이미지를 넣어준다.
root 폴더에 없던 public을 만들어주고, img/디폴트이미지.png를 만들어준다.
이미지 주소를 관리하는 useState를 추가해주고, 대체 이미지를 onError에 넣어준다.
끝!😃
