[React] public 폴더 안에 image 안불러지는 현상

src폴더 안에 이미지는 require을 쓰거나 import 해서 불러오는 수 밖에 없다.

src폴더 속 이미지를 직접 import 하여 콘솔에 출력해보면, 파일 경로뒤에 숫자+영어가 붙는걸 볼 수 있는데, 이는 프로젝트를 재시작 할 때마다 바뀌기 때문에 require나 import를 쓰는 것이다.

 

반면, public 폴더는 서버와 통신이 가능하기때문에

 public에 image폴더를 만들면 상대경로를 그대로 쓸 수 있는데,

분명 맞는 경로일텐데 image가 안불러지는 현상이 있었다.. 설마설마 하면서 확인해 본 결과

이미지 파일의 이름이 한국어면 안된다 ..

// 안됨
<img src="/img/테스트.jpg" />

// 됨
<img src="/img/test.jpg" />

허무..