리액트에서 이미지 넣기 더이상 헤매지 말자!

minkyeongJ·2022년 6월 30일
0

개발 tips

목록 보기
12/20

src안에 있는 이미지 넣는 법
import 이미지 from ‘./이미지경로.jpg’
<img src={이미지}>

src안에 있는 이미지 css파일에 넣는 법
background-image : url(‘이미지경로’)

public/assets 폴더 안에 있는 이미지 넣는 법
<img src=”/assets/이미지명.jpg”>
(public 안에 assets 폴더를 만드셔야 이용가능)

public/assets 폴더 안에 있는 이미지 css파일에 넣는 법 (background-image)
없음 하지마셈 혹은 이렇게 해야함
<div style={ {backgroundImage:’url(/assets/logo5121.png)’} }>
(public 안에 assets 폴더를 만드셔야 이용가능)

참고링크

profile
멋진 프론트엔드 개발자를 위하여!

0개의 댓글