React.js

[React] 이미지 삽입하기

Chunho 2021. 8. 20. 00:25

이미지를 삽입하기 방법은 여러가지가 있다. 

 

이미지저장폴더

먼저 이미지를 저장하는 폴더를 생성해주고 그 안에서 이미지 파일들을 관리헤주면 된다. 

 

 import를 사용하면 사진을 가져올 수 있다.

이미지를 저장할 변수이름과 뒤에는 경로를 입력해주면 된다. 

그 후 src에 중괄호와 함께 아까 지정한 변수 이름을 입력해주면 

 

이미지가 잘 들어간것을 확인할 수 있다. 

 

이런식으로 src안에 직접 절대경로를 입력해주어도 상관없다.