이미지 저장소 public/ vs assets/

public/폴더

index.html 또는 index.css 파일 내에서 직접 참조할 수 있다.
public/에 저장된 이미지 또는 파일은 프로젝트 개발 서버 및 빌드 프로세스에 의해 공개적으로 제공되기 때문이다.
// vue, Nuxt의 경우 static에 해당되는 듯

assets/폴더

이미지를 src/assets/ 폴더 또는 src/ 폴더의 어디든 저장할 수 있다.
하지만 이와 같은 하위 폴더에 저장된 모든 파일(어떤 형식) 공개적으로 제공되지 않는다. 웹사이트 방문자가 접근할 수 없다는 말이다.

대신 src/(및 하위폴더)에 저장된 파일은 코드파일에서 사용할 수 있다. 이와 같은 이미지는 빌드 프로세스에 의해 인식되어 최적화되며
웹사이트에 제공하기 직전에 public 폴더에 삽입된다.