[error] 리액트 img 태그 버그 해결

❗ 에러상황

에러문구

img elements must have an alt prop, either with meaningful text, or an empty string for decorative images

 

 

<img src={url} />

 

위와 같이 작성했을 때 버그가 났다.

 

✅해결방안

<img src={url}  alt="profile"/>

 

• alt 추가해 주기!

Javascript에서는 없어도 오류가 나지 않았지만, 리액트의 경우 img 요소에는 alt속성이 반드시 있어야 한다.

alt를 작성하지 않는 경우도 많지만, 웹표준에 맞춰 alt를 작성하자.