리액트에서 img 태그 사용

포트폴리오 사이트를 제작하는 중 img 태그를 사용하게 되어 경로를 정확히 입력하였지만 이상하게 화면에 출력되지 않았습니다 ㅜㅜ

// 이미지 이름 : ProfileImage.jpg

// 작성한 코드

<img src="../images/ProfileImage.jpg" alt=""/> 

구글링 하여 찾아보니 react에서는 img 태그 사용방법이 조금 달랐습니다

 import 사용할 이름 from '이미지 파일 경로';
 
 ...
 <img src={사용할 이름} alt="" />

이렇게 사용하게 되면

정상적으로 나오게 됩니다.