Skip to content

Commit

Permalink
[#115] typo: image-regacy
Browse files Browse the repository at this point in the history
  • Loading branch information
wlstmd committed Aug 6, 2024
1 parent c672ea0 commit 8b2f020
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions pages/docs/pages/api-reference/components/image-legacy.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -74,11 +74,11 @@ Next.js 13부터 `next/image` 컴포넌트가 성능과 개발자 경험을 개
뷰포트 크기가 변경됨에 따른 이미지의 레이아웃 동작입니다.

| `layout` | 동작 | `srcSet` | `sizes` | 래퍼와 사이저 유무 |
| -------------------- | -------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------- | ------------------ | --- |
| -------------------- | -------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------- | ------------------ |
| `intrinsic` (기본값) | 컨테이너 너비에 맞게 _축소_, 이미지 크기까지 | `1x`, `2x` ([imageSizes](#image-sizes) 기반) | N/A ||
| `fixed` | `width``height`에 정확히 맞춤 | `1x`, `2x` ([imageSizes](#image-sizes) 기반) | N/A ||
| `responsive` | 컨테이너 너비에 맞게 조정 | `640w`, `750w`, ... `2048w`, `3840w` ([imageSizes](#image-sizes)[deviceSizes](#device-sizes) 기반) | `100vw` ||
| `fill` | 컨테이너를 채우기 위해 X와 Y축 모두에서 확장 | `640w`, `750w`, ... `2048w`, `3840w` ([imageSizes](#image-sizes)[deviceSizes](#device-sizes) 기반) | `100vw` || |
| `fill` | 컨테이너를 채우기 위해 X와 Y축 모두에서 확장 | `640w`, `750w`, ... `2048w`, `3840w` ([imageSizes](#image-sizes)[deviceSizes](#device-sizes) 기반) | `100vw` ||

- [`intrinsic` 레이아웃 데모 (기본값)](https://image-legacy-component.nextjs.gallery/layout-intrinsic)
- `intrinsic`일 때 이미지는 작은 뷰포트에서는 치수를 축소하지만 큰 뷰포트에서는 원래 치수를 유지합니다.
Expand Down

0 comments on commit 8b2f020

Please sign in to comment.