YoonJieut / yoonjieutblog

개인 블로그 프로젝트
0 stars 0 forks source link

issue2-urlError #3

Closed YoonJieut closed 5 months ago

YoonJieut commented 7 months ago

컴포넌트를 분리하면서 이미지가 로드되지 않는 문제가 발생했다.

YoonJieut commented 5 months ago

nextjs에선, public이 기본적으로 세팅되어 있기 때문에, public 이후의 내용을 적으면 되겠다.

예시) "/images/파일이름.png

또한, 최적화 측면에서 image/next 모듈을 활용한 태그를 활용하면 기본적으로 적어야 할 것이 늘지만, 자동적으로 webp 확장명으로 바꿔주거나, lazy 로딩 등을 활용하기 때문에 이미지 측면 최적화에 도움을 많이 주었다. 또한 마찬가지로 보인다.