✅ Image component
<Image/>를 사용할 때 이미지 src의 사이즈를 모른다면 width와 height를 없애고, fill prop을 사용하면 된다.
-> 자동으로 해당 이미지는 position: absolute;가 된다.
(부모 container에 relative 속성을 주고 Image component에 className으로 object-cover를 줘서 이미지 비율을 유지함)
quality prop으로 퀄리티 조정을 할 수 있다.
'♣️ Next.js 14' 카테고리의 다른 글
| Next.js 14 - 함수가 return하는 값의 타입을 타입으로 사용하기 (0) | 2025.12.03 |
|---|---|
| Next.js 14 - 원 단위로 바꾸기, 날짜 포맷하기 (0) | 2025.12.03 |
| Next.js 14 - Middleware, Matcher (0) | 2025.12.03 |
| Next.js 14 - useFormState(useActionState) (0) | 2025.09.17 |
| Next.js 14 - useFormStatus (0) | 2025.09.17 |