React 프로젝트에서 이미지 import하는 방법

ReactJS 프로젝트에서 이미지를 사용하려 했더니 또 경로 문제인지 제대로 이미지를 로드 못하는 경우가 있습니다.

Create-React-App을 사용해서 React 앱을 개발하면 public이라는 디렉토리가 존재하는데 간단히 여기에 이미지 폴더를 생성하고 이미지 주소를 로드하는 방법을 검색했더니 import을 사용하라는 사람도 있고 여러 가지 방법이 존재했는데 가장 간단한 방법은 허무하게도 아래 방법을 사용하면 되었습니다.

물론 Import을 사용하는 방법도 존재했지만, 여러개의 이미지 또는 파일을 로드할 코드가 지저분해 보일 수 있는 문제점이 존재하므로 이러한 경우에는 직접 경로를 지정해주는 것이 가장 좋은 방법인 것 같습니다.

// public/images/ Folder Directory
<img src="/images/logo.png" />

참조 https://stackoverflow.com/questions/37644265/correct-path-for-img-on-react-js