3-4 브랜치로 체크아웃을 하여 테스트해봐도 source의 srcset 속성에 {props.webp + 's'}를 줬을 때 이미지가 엑박이 뜹니다.
&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/bee2ceff-0db9-47e5-96f8-9f00a329063f/blob" alt="" />
<pre class="language-javascript"><code>previousSibling.srcset = previousSibling.dataset.srcset;</code></pre>
위 소스 한 줄을 지울 때는 정상동작 되는데 이유가 있을까요?
&nbsp;

안녕하세요, 위펀님,
답변이 늦어서 죄송합니다.
이미지 에러에 대해서 질문을 주셨는데요,
우선&nbsp;{props.webp + 's'}코드를 넣었을 때 webp 이미지에서 에러가 나는 것은 당연합니다. 다만, 기본 img 태그에 원본 이미지가 있어서 엑박이 아닌 해당 이미지로 나와야 됩니다.
엑박이 뜨고 있다는 것은 이미지 소스에 문제가 있다는 것 같은데요. 정확한 원인을 알려면 콘솔에 해당 이미지 주소를 직접 찍어보고 해당 경로에 이미지가 제대로 있는지 확인해봐야 할 것 같습니다. (에러도 확인해보고요)
확인해보시고 자세한 내용을 공유해주시면 답변 하는데 도움이 될 것 같습니다.
감사합니다. :)

인프런 커뮤니티 질문&답변

img 태그가 작동이 되지 않습니다.