[React] 리액트에 사진 올리는법 이미지 import 하는법

자바스크립트와 다르게 리액트에 이미지,사진을 올릴때는

import 를 해줘야합니다.

처음에 저도 react를 배울때 이미지 import 하는게 어색했는데

이젠 이게 더 편리하다는 생각이 들어요.

먼저 컴포넌트의 가장 위에

import 사진 from '../img/사진.jpg'

라고 import 해줍니다.

from 뒤에오는건 자신의 사진 경로에요.

저는 src파일 밑에 img 폴더를 만들어서 그 안에 사진.jpg 라는 파일을 넣어놨어요.

그리고나서 

    <img src={사진} alt="사진" />

import 한 이름 을 src 괄호 {} 안에 똑같이 넣어줍니다.

그럼 사진이 불러와질거에요! 

 

주의할 점은 src="사진" 하면 안됩니다.

import 한 사진을 불러올때는 { } 괄호를 써야해요.