[React] 리액트 img 태그에서 src 사용 (리액트에서 이미지 사용)

그냥 html에서는 img 태그의 src 속성에 이미지 파일의 경로를 주면 사용 가능했다. 하지만 리액트에서는 import 또는 require() 사용해야 경로를 사용할 수 있다.

이걸 몰라서 계속 엑스박스가 떠 한참을 헤멨다..

 

1. import 사용

2. require 사용

 

1. import 사용법

import 원하는이름 from '경로'

이렇게 해주어야 이미지를 가져와 사용할 수 있다.

 

2. require 사용법

require('경로').default

require를 사용하고 .default를 붙여야 우리가 원하는 대로 경로를 가져올 수 있다. default가 없으면 객체를 가져오는 거라 제대로 사용할 수 없다.