[React] public 폴더 이미지 사용법

 

• 리액트로 개발이 끝나면 코드를 파일 하나로 압축하는 build 작업 수행
• src 폴더 안의 코드, 파일은 압축되지만 public 폴더의 내용물은 보존되므로 이미지, 텍스트, json 파일 등 보관하기
• 이미지가 여러 개 있을 경우 public 폴더에 저장하면 편함

<img src={process.env.PUBLIC_URL + '/파일명'} />

 

서브 경로(blahblah.com/sub)에 배포하는 경우 이미지 경로 또한 수정해야 함

따라서 위처럼 작성할 것