리액트 image 어디에다 저장해야할까 (public vs src)
·
프론트엔드/React
들어가면서 리액트를 사용하다 보면 이미지를 public 폴더 안에 둘지, src 폴더에 두어야 할지 고민이 되었다. 각각 방식이 어떤 차이가 있는지 알아보고 나의 상황에 알맞게 관리하고 사용해야겠단 생각이 들었다. public 폴더에 이미지 파일 관리 public 폴더에 이미지를 두게 되면 아래와 같은 특징이 있다. 이미지가 경량화 되거나 후처리 되지 않는다. 즉 빌드 시 웹팩에 의해 처리되지 않고 원본 그대로 빌드폴더에 추가된다. 아래 case1처럼 PUBLIC_URL 환경변수를 통해 접근해야한다. 라고 공식문서에는 나와있지만 case2,3 도 된다. return ; // case1 return ; // case2 return ; // case3 이미지가 잘못된 경우 컴파일 에러가 발생하지 않고 404..