react에서 public 폴더에 다음과 같이 디렉토리들이 있다고 가정해보자

public -images -img1.png -img2.png -img3.png -img4.png

src 폴더 내의 컴포넌트 파일을 만들고 상대경로로 Import 하려고하면 img 태그 내 src로 들어가지 않는것을 발견했다.

해결 ⇒ process.env.PUBLIC_URL

ex)

<img src={process.env.PUBLIC_URL +`./Images/img1.png`}/>