react 이미지가 깨지는 경우

문제원인

• img태그에 이미지를 불러오는 상황에서 절대/상대 경로를 입력해도 이미지가 깨져나오고 있다

<img style={{width:'80%'}} src='./image/image.jpg'/>

해결책

• 바로 태그에 경로를 넣어주기보다 import를 통해 이미지를 가져온 뒤 사용해주면된다!

import image from '../image/image.jpg'

<img style={{width:'80%'}} src={image}/>