| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- @tailwind base
- render phase
- @tailwind components
- CSS
- 3진법 뒤집기
- 리액트
- image component
- sever components
- dynamic pages
- static pages
- @tailwind utility
- commit phase
- 프로그래머스
- RECOIL
- 타입스크립트
- 자바스크립트
- server components
- revalidatetag
- revalidatepath
- createbrowserrouter
- SSR
- supabase realtime
- sever action
- 클로저
- unstable_nostore
- js
- client components
- @tailwind
- interceptor routes
- iron-session
Archives
- Today
- Total
목록image component (1)
개발하는 너구리
Image Component
Next.js의 Image 컴포넌트는 웹 애플리케이션에서 이미지를 최적화하여 성능을 향상시키는 데 중점을 둔 도구입니다. 이 컴포넌트를 사용하면 이미지 로드 성능을 개선하고, 사용자 경험을 향상시킬 수 있습니다. 주요 기능자동 크기 조정 (Automatic Resizing)Image 컴포넌트는 지정된 width와 height 속성에 따라 이미지를 자동으로 크기 조정합니다.layout="fill"을 사용하면 부모 요소의 크기에 맞게 이미지를 자동으로 채웁니다.레이아웃 모드 (Layout Modes)intrinsic: 이미지의 원본 비율을 유지하면서 지정된 크기로 조정됩니다. 기본 값입니다.fixed: 고정된 크기의 이미지를 표시합니다. width와 height 속성을 사용해야 합니다.responsive: ..
TIL
2024. 6. 20. 01:11