[React] 리액트 이미지 적용하기

src 폴더에 이미지를 저장하고 <img>태그로 적용하려고 했더니 적용이 안되서 방법을 찾아봤는데, src 폴더에 저장하면 상대경로로 바로 접근할 수 없다는 것을 알게 되었습니다.

그래서 아래와 같은 방법으로 [public] 폴더 안에 'images' 폴더를 넣었더니 이미지가 적용되는 것을 확인할 수 있었습니다.

---

public 폴더에 저장하여 상대경로로 잡기

• public 폴더 안에 [images] 폴더를 생성하여 안에 이미지 파일을 넣었습니다.

 

• <img> 태그 안에 이미지 주소를 상대경로로 잡아 작성하였습니다.

<img src="images/img1.jpg"/>