반응형 Gatsby1 gatsby의 이미지 컴포넌트 비교(StaticImage, GatsbyImage) 당신이 인용한 내용은 이미지를 다룰 때 Gatsby에서 사용되는 두 가지 주요 이미지 컴포넌트인 `StaticImage`와 `GatsbyImage`에 대한 설명입니다. 1. StaticImage - `StaticImage`는 이미지가 컴포넌트를 사용할 때마다 항상 동일한 경우에 사용됩니다. - 예를 들어, 사이트 로고나 인덱스 페이지의 주요 이미지 같이 변경되지 않는 이미지에 적합합니다. - 이 컴포넌트를 사용하면 Gatsby는 이미지를 최적화하고 필요한 포맷 및 크기로 변환합니다. 이는 성능을 향상시키고 페이지 로딩 시간을 줄일 수 있습니다. // ⚠️ 이렇게 Props로 내려서 사용할 수 없습니다 export function Logo({ logo }) { // You can't use a prop p.. 2023. 8. 8. 이전 1 다음 반응형