반응형
1. 개요
- 리액트는 빌드시 JSX파일들을 HTML과 CSS파일로 변환하는 번들링 과정을 거치면서 public폴더를 제외한 나머지 경로의 파일들을 압축, 변환함
- 그래서 압축, 변환하면 안되는 이미지 파일들은 보통 public 폴더에 보관함
2. 사용법
- 그냥 public 폴더에 이미지를 저장하면 됨
<img src={process.env.PUBLIC_URL + '/public폴더에 들어있는 이미지파일이름'}/>
- 위와 같이 코드를 짜면 public 폴더에 있는 이미지를 불러올 수 있음
반응형
'코딩 > ReactJS' 카테고리의 다른 글
| 리액트에서 유튜브 API를 이용해 뮤직 플레이어 만들기 (0) | 2023.08.23 |
|---|---|
| ReactJS에서 외부 JSON 파일 불러와서 사용하기 (0) | 2023.03.04 |
| ReactJS 디자인 초보를 위한 부트스트랩 사용하기 (0) | 2023.03.02 |
| ReactJS 프로젝트에서 빌드가 뭔지 알아보자 (0) | 2023.03.01 |
| ReactJS 필수 개념, props 알아보기 (0) | 2023.02.28 |
