오늘도 코딩하나
[React] (3) image 본문
1. image 삽입 방법
(1) img 태그 사용하는 경우
import bg from ./img/bg.png'
<img src={bg} />
(2) div 태그 사용하는 경우
import bg from ./img/bg.png'
<div className="img_bg" style={{ background : 'url(' + bg + ')' }}></div>
(3) css 파일 사용하는 경우
- App.js
<div className="img_bg"></div>
- App.css
.img-bg {
background-image: url('./img/bg.png');
}
'React > Lecture' 카테고리의 다른 글
[React] (6) Lifecycle과 useEffect (1) | 2024.06.04 |
---|---|
[React] (5) 리액트 라우터 (0) | 2024.05.28 |
[React] (4) 데이터 가져오기 (0) | 2024.05.24 |
[React] (2)react-bootstrap 설치 (0) | 2024.05.24 |
[React] (1)프로젝트 생성 (0) | 2023.12.20 |