[E-LOG] warning: img

warning img

 

---

목차

오류 내용

원인

해결방법

---

 

---

[오류 내용]

<상황>

캠핑장 안내 프로젝트를 진행하면서 api에 있는 캠핑장의 이미지를 사용자에게 제공하기로 했다.

API를 연결 후 이미지를 화면에 출력하던 중 Warning이 발생했다.

 

 

<오류>

warning

 

WARNING : img elements must have an alt prop, either with meaningful text, 
or an empty string for decorative images jsx-a11y/alt-text

[번역]

경고 : img 요소는 의미 있는 텍스트가 포함된 대체 소품 
또는 장식 이미지 jsx-a11y/alt-텍스트를 위한 빈 문자열을 가져야 합니다

 

---

[원인]

<나의 코드>

  <img src={item.imgURL} />

 

<문제 원인>

웹 표준에 따라 img 태그에는 alt를 작성해야 한다.

 

---

[해결 방법]

<수정한 코드>

 <img src={item.imgUrl} alt="캠핑장 이미지"/>

 

 

 

---

잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!☺️

댓글과 좋아요는 큰 힘이 됩니다!