반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 덩크로우
- Dunk Low
- GIT
- 리눅스
- react
- 주식
- 파이썬
- dunk high
- Github
- Python
- JavaScript
- sacai
- Linux
- 오라클
- 덩크 하이
- 제이쿼리
- 코로나19
- 나이키
- Nike
- draw
- 덩크 로우
- jQuery
- 리액트
- dunklow
- 자바스크립트
- 발매예정
- oracle
- 주식공부
- stockx.com
- 드로우
Archives
- Today
- Total
Life goes slowly...
[React] react.js의 HTML img 태그 관련 에러 본문
728x90
반응형

react.js의 HTML img 태그 관련 Error 발생
img elements must have an alt prop, either with meaningful text, or an empty string for decorative images

React에서 흔히 볼 수 있는 에러입니다. 이는 코드규칙을 관리할때 사용되는 라이브러리 eslint에서 제공되는 경고로써 react.js의 img 태그를 사용할 때에는 alt를 작성하지 않았다는 Error입니다. 사실 alt를 작성하지 않아도 되지만 표준에 맞게 사용하려면 alt를 빼면 안 됩니다.
//잘못된 코드
<img src="./images/icon/android.jpg" />
<img src="./images/icon/ios.jpg" />
//수정된 코드
<img src="./images/icon/android.jpg" alt="android"/>
<img src="./images/icon/ios.jpg" alt="ios"/>
728x90
반응형
'프로그래밍 > React.js' 카테고리의 다른 글
[React] react.js의 HTML <a> 태그 관련 에러 (0) | 2022.07.06 |
---|---|
[React] Invalid DOM property `for`. Did you mean `htmlFor`에러 (0) | 2022.05.12 |
[React] Expected `onClick` listener to be a function, instead got `false` 에러 (0) | 2022.05.09 |
[React] React.js 의 popup창에서 부모창의 함수 호출 (0) | 2022.04.19 |
[React] React.js 의 debounce 함수 (0) | 2022.02.23 |
[React] React.js 의 JSX 문법 (0) | 2022.02.22 |
[React] Each child in a list should have a unique "key" 에러 (0) | 2022.02.17 |
[React] <input> cannot appear as a child of <table>. 에러 (0) | 2022.02.15 |