절대경로1 [React] 이미지 태그 src 경로 설정 | src폴더 import 사용 react로 프로젝트를 하면서 대부분을 scss에서 background-image로 설정했다가 img태그가 필요한 경우가 생겼다. 평소 하던 대로 경로를 잡았더니 계속 이미지가 나오지 않아 검색을 해본 결과 경로를 잡는 방법이 2가지가 있었다. 나는 image 폴더를 src 내부에 만들었기 때문에 import를 사용하였다. 1. public 폴더에 저장했을 경우 평소처럼 상대경로로 잡으면 된다. 2-1. src 폴더에 저장했을 경우 import로 이미지를 하나하나씩 가져와야 한다. import circle from '../../image/circle.svg'; 그 후로는 컴포넌트를 사용하던 방식으로 똑같이 사용해주면 된다. 2-1번째 방식으로 했을 경우 파일 구조가 깊을 경우../../../../ 이런 .. 2022. 1. 27. 이전 1 다음 반응형
