[React] 이미지 Import 방법

jeyoon·2021년 5월 1일
0

App.js에 이미지 파일을 넣으려면 어떻게 해야할까?
이미지 파일 내에서 export를 해줄 수도 없는데 어떻게 import 하지?

그래서 검색해보니 리액트 앱에서는 자동으로 public 디렉토리를 검색한다고 한다. 그러니까 public 디렉토리 안에 넣고자 하는 이미지 파일을 넣고 App.js에 아래과 같이 작성하면 된다.

<img src="logo.png" />

public 디렉토리 아래에 images 디렉토리를 만들어줄 경우에는

<img src="/images/logo.png" />

이렇게 쓰면 된다!

0개의 댓글