[Error Note] 리액트에서 이미지가 보이지 않는 문제

 

에러 문구는 뜨지 않지만 이미지가 보이지 않는다.

 

잘못된 코드

 

img 태그의 src에 바로 이미지 주소를 넣어준 것이 문제였다.

리액트에선 컴포넌트 안에 바로 이미지 링크 적으면 안 된다.

이미지는 상단에 import해서 사용하기.

 

아래와 같이 해결.

 

올바른 코드