[React] src내에서 public 폴더 접근 방법

react에서 src내에서 public의 이미지를 가져와 사용하고 싶었다.

 

index.html 에서는

아래와 같이 %PUBLIC_URL% 으로 사용한다.

<link rel="icon" href="%PUBLIC_URL%/logo.png" />

 

src내에서는

아래와 같이 process.env.PUBLIC_URL 로 사용한다.

  <Img
  imgsrc={process.env.PUBLIC_URL + '/logo.png'}
  />

 

 

참고사이트)

 

https://velog.io/@rmaomina/public-url-absolute-path

환경변수 PUBLIC_URL 정적 리소스/절대 경로 가져오기

 

https://bluishhot-star.tistory.com/186

[React] 7. 이미지 삽입하기(css, html, public폴더에서 가져오기)