REACT 이미지 올리기 <img src...>

react로 이미지를 추가할 때 두가지 방법이 있다.

 

1. import

2. require

 

먼저, src 폴더 안에 img 파일을 생성한 후 

추가할 이미지를 넣는다.

logo.png를 nav에 logo로 사용해볼 것이다.

 

 

1. import

먼저 이미지 파일을 Import 해준다.

 

' import 사용할 이름 from 이미지 경로'

그리고 이미지 태그에 사용할 이름을 이용해 작성해준다.

 

' <img src={logo} alt="logo" /> '

 

( img를 image로 적는 실수는 범하지 않도록 하자.. )

곰 발바닥 logo가 잘 추가된 것이 보인다.

 

 

 

2. require

img 태그에 경로를 적어주는 방법이다.

 

' < img src = { require ( " ../ ../ img / logo.png " ) } / > '

 

1번과 달리 미리 선언할 필요가 없다.