React 이미지 경로 img src에 추가

 

21.03.05

 

 

1. 하나는 상위폴더(src) 아래 images폴더에 있는 아이콘을 import.

imconSources들이 있는 imgList.js import

 

2. imgLIst안의 iconSources배열 내용

 

3. console로 imgA와 kakaotalk을 인자로 받은 src를 출력해보았다

값이 다른걸 확인할수 있다. why?

 

4. 해결 : public밑으로 images폴더를 옮겼다

 

잘됨

 

5. futher information about src in img tag

이미지를 불러오는 경우는 3가지가 있다.

1. 이미지 태그에 src속성으로 바로 설정
2. 맨 상단에서 이미지 자체 import
3. css 파일에서 backgound-imgae로 사용

2번과 3번의 경우 불러올 이미지가 src폴더 아래에 꼭 있어야 하고

1번의 경우 pubilc폴더 아래(index.html과 동등하거나 하위 위치)에 있어야 한다