[react]배포 시 이미지 엑박 / public 폴더의 이미지 절대경로로 사용하기

개인프로젝트로 유튜브 클론코딩을 하고있는데 만들고 배포를 했더니 이미지가 엑박이 뜨는 상황이 발생했다

어렴풋이 절대경로를 사용해야 하는데..~ 라는 걸 알고있었지만 제대로 알지 못해 발생한 일이기 때문에 

이번 기회에 정리해보려고 한다.

 

https://create-react-app.dev/docs/using-the-public-folder/

Using the Public Folder | Create React App

공식문서를 찾아봤는데 답이 바로있었다.. 멍충

 

다음과 같이 자바스크립트 내에서는 process.env.PUBLIC_URL 을 사용하면 된다..