[React] public 폴더 이미지 절대경로로 사용하기

React에서 public 안에 있는 이미지폴더를 찾아가려는데 경로를 찾을 수 없다는 에러가 나왔다.

경로에 맞게 작성한줄 알았는데 알고보니 public폴더를 사용하려면 공식적인 방법이 있었다.

1. HTML : %PUBLIC_URL%
2. JavaScript : process.env.PUBLIC_URL

 

나는 JavaScript 코드에 설정했는데 아래 코드처럼 작성하였더니 이미지가 출력되었다.

<img src={ process.env.PUBLIC_URL + '/images.img1.jpg' } />

 

이외에도 찾고 싶은게 있다면 아래의 공식 Document를 확인해보는 것이 좋을 것 같다.

Using the Public Folder | Create React App