Closed YoonJieut closed 5 months ago
컴포넌트를 분리하면서 이미지가 로드되지 않는 문제가 발생했다.
nextjs에선, public이 기본적으로 세팅되어 있기 때문에, public 이후의 내용을 적으면 되겠다.
예시) "/images/파일이름.png
또한, 최적화 측면에서 image/next 모듈을 활용한 태그를 활용하면 기본적으로 적어야 할 것이 늘지만, 자동적으로 webp 확장명으로 바꿔주거나, lazy 로딩 등을 활용하기 때문에 이미지 측면 최적화에 도움을 많이 주었다. 또한 마찬가지로 보인다.
컴포넌트를 분리하면서 이미지가 로드되지 않는 문제가 발생했다.