이미지태그 오류 해결

어플리케이션을 크래쉬 시킬만큼의 오류는 아니지만
콘솔에 알림이 자꾸 떠서 진정시킬 방법을 찾아봤습니다.

Compiled with warnings.
[eslint]
src/component/Box.js
Line 8:7: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

오류의 내용을 해석해보자면
이미지 elements들에는 alt가 들어가야 한다는 뜻입니다.

내가 작성한 이미지 태그에
<img src={}/> 

alt를 삽입했더니 클린해졌다ㅎㅎ
<img src={} alt=""/>

웹 표준에 맞게 사용하려면
이미지 태그에 alt를 꼭 써야합니다.

이 alt속성은 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시해 주는 것입니다.

사실 html 기본이니까
저 처럼 모르셨던 분은 이제 아시면 됩니다 😉