개발
Next - Image (nextjs 13)
Image nextjs에서는 v10부터 별도의 Image Component를 제공한다. 사용은 해왔지만 제대로 알지 못하고 사용하는 것 같아서 정리를 해보려 한다. 기존의 html의 img 태그와는 다르게 다양한 성능 최적화 기능을 가지고 있다. 주요 목적이 최적화이기 때문에, 제공하는 기능을 적절히 사용한다면 보다 나은 프로젝트를 만들 수 있다. 주요 기능 향상된 성능 기기별로 올바른 크기의 이미지를 제공하고, 모던 이미지 포맷을 사용한 성능 개선 시각적 안정성 Cumulative Layout Shift 자동 방지 빠른 페이지 로드 뷰포트 혹은 화면에 보이는 부분에 들어갈 때만 이미지 로드 유연한 이미지 처리 원격 서버에 저장된 이미지의 경우에도 동적인 이미지 크기 조정 Props Image Compo..
