웹에서 image를 주소복사해와서 src 로 불러와서 사용하는 방법도 물론 있지만, 나의 로컬에 있는 이미지를 쉽게 불러와서 사용해야 할 경우에는 어떻게 해야 할까??
1. public 폴더 안에 image 폴더를 생성한다 (당연히 폴더명은 관련없습니다)
2. image 폴더 안에 필요한 사진들을 넣어 준다.
3. 이후 image 파일을 사용해야 하는 컴포넌트에서 이를 src 링크에 넣어 준다.
=> 이때, public 폴더는 ../../ 등처럼 현재 폴더 기준의 상대경로를 기재해 줄 필요가 없다고 한다!
그냥 바로 image(사진이 있는 폴더명)/image.jpg 를 src 링크에 넣어 주면 사진이 바로 불러와진다!
엄청 간단함!!!!!
오늘도 잘 해냈다!
'TIL' 카테고리의 다른 글
| 230829) Input 태그 사용 시 최대 글자 수 제한 (0) | 2023.08.29 |
|---|---|
| 230828) Input 태그 기본 Style 없애기 (0) | 2023.08.28 |
| 230824) typeof number인 '0'의 결과값이 NaN으로 뜨는 현상 (0) | 2023.08.24 |
| 230823) input type="file"로 사용 시 특정 형식 파일만 업로드 할 수 있게 하는 방법 (0) | 2023.08.23 |
| 230822) onClick 내부에서 useNavigate를 직접 호출해 사용할 경우 작동 되지 않는 현상 (0) | 2023.08.22 |