Design Docs
ImagePreview이미지를 미리보기로 표시하는 컴포넌트입니다. 로딩 중에는 스피너를 표시하고, 이미지가 로드되면 부드럽게 전환됩니다.
Square Image정사각형 이미지 미리보기
Landscape Image가로형 이미지 미리보기
Portrait Image세로형 이미지 미리보기
Full Width부모 컨테이너에 꽉 차는 이미지
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| src | string | Yes | 표시할 이미지의 URL |
Sub Components• Loading - 이미지가 로딩 중일 때 회색 로딩 아이콘이 표시됩니다.• Object Fit - 이미지는 object-fit: cover 스타일로 렌더링되어 컨테이너를 꽉 채웁니다.• Size Control - 부모 컨테이너의 width와 height를 지정하여 이미지 크기를 제어할 수 있습니다.• Memoization - ImageMemo 컴포넌트를 내부적으로 사용하여 메모이제이션이 적용됩니다.