최근에 본격적인 프로젝트를 시작하면서 디렉토리 구조라던지 코드의 큰 틀을 어떻게 짜고 개발할 때 어떤 방법이 있는지 배우고 있다😀
처음에 콘솔을 잘 보지 않았고, 작동만 되는지 확인을 하면서 개발을 했었는데 콘솔창을 보니 생각보다 waring이 많이 떠있는것을 봤다. 그래서 앞으론 콘솔을 확인을 잘 하며 개발을 해야겠다고 생각했다.
그래서 이제 본론을 말하자면 내 콘솔창에 이런 오류가 떴었다!!
img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
대략적으로 내가 해석했을 때 img 태그에 alt 속성이 있어야 한다는 것이었다.
웹 표준에 부합하려면 alt를 잊지 말고 작성해야 한다.
alt의 의미
img 태그의 alt 속성은 src에 있는 이미지 경로가 없거나 늦게 이미지가 불러와질 때 보여지는 텍스트이다. 우리가 브라우저에 접속했을 때 가끔 정상적으로 뜨지 않고 글씨만 뜨는 경우가 있지 않은가? 이때 보여지는 텍스트를 의미한다.
👇🏻예시
<img src="exercise.png" alt="운동"/>아직 많이 부족해서 어떻게보면 기본적인 것들을 차근차근 배워나가는 중이지만 탄탄히 기본 지식을 쌓다보면 정말 어려운 문제를 만났을 때 해결할 능력치가 생기겠지 않을까 하는 맘으로 하는 중이다☺️
