[React] public vs assets

Suvina·2024년 3월 27일

React

목록 보기
16/22
post-thumbnail

리액트 프로젝트에서 이미지 파일 저장할때 어느 폴더를 사용하는게 좋을까?

public

public 에 저장된 파일들은 프로젝트 개발서버 및 빌드 프로세스에 의해 공개적으로 제공된다.
예를 들어, 브라우저에서 localhost:1234/game-logo.png 에 접속하면 해당 이미지를 볼 수가 있다.

assets

파일들이 공개적으로 제공되지 않기 때문에 localhost:1234/src/assets/game-logo.png 에 접속할 수 없다.

결론

logo, og-img, favicon같은 빌드 프로세스에 의해 처리되지 않는 이미지는 public 폴더에, 컴포넌트 내에서 사용되는 이미지는 assets 에서 사용하자.

profile
개인공부

0개의 댓글