images 태그 포스트
게시물 3개
next/image vs img 태그: Next.js에서 언제 무엇을 쓸까
next/image는 자동 WebP 변환, 반응형 srcset, 레이지 로딩, CLS 방지를 추가합니다. 일반 img 태그가 올바른 선택인 경우도 있습니다. 여기에 결정 프레임워크가 있습니다.
2026-04-227분 분량
이미지 alt 텍스트 가이드: SEO와 접근성을 위한 alt 텍스트 작성 방법
SEO와 접근성을 위한 이미지 alt 텍스트 작성에 대한 완전한 가이드. 사용자와 검색 엔진 모두에 도움이 되는 alt 속성에 대한 규칙, 일반적인 실수, 모범 사례를 알아보세요.
2026-04-156분 분량
이미지 레이지 로딩: 네이티브, Intersection Observer, LCP 함정
loading="lazy"는 하나의 속성이지만 구현 세부 사항이 매우 중요합니다. 네이티브 레이지 로딩을 쓸 때, JS를 쓸 때, 그리고 Lighthouse 점수를 망치는 LCP 함정까지.
2026-03-097분 분량