Next.js 13 및 14에서 히어로 이미지를 만드는 방법 | 일일일
### 🙋 추천 이유
- Next.js 13+ 이미지 컴포넌트 사용에 대한 최신 정보를 찾고 있는 분에게 추천합니다.
- 새로운 이미지 컴포넌트를 사용하여 히어로 이미지를 구현할 때 이 글을 참고하여 설정할 수 있습니다.
### ✅ 간단 요약
- Next.js 13+의 새로운 이미지 컴포넌트는 이전 버전과 유사한 최적화 기능을 제공합니다.
- 히어로 이미지를 구현할 때 부모 요소에 상대 위치를 설정하고 z-index를 조정해야 합니다.
- 이미지 크기를 최적화하여 로딩 속도를 개선하는 것이 중요합니다.