Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion src/content/docs/ko/guides/images.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -543,7 +543,10 @@ import myDog from '../../images/pets/local-dog.jpg';

이미지 CDN은 [모든 Astro 이미지 옵션](#astro-파일의-이미지)에서 작동합니다. 이미지의 전체 URL을 `<Image />` 컴포넌트, `<img>` 태그 또는 Markdown 표기법에서 `src` 속성으로 사용하세요. 원격 이미지를 최적화하려면 [승인된 도메인 또는 URL 패턴을 구성](#원격-이미지-승인)하세요.

또는 CDN이 자체 SDK를 제공하여 Astro 프로젝트에 더 쉽게 통합할 수도 있습니다. 예를 들어, Cloudinary는 이미지를 `CldImage` 컴포넌트에 쉽게 넣을 수 있는 [Astro SDK](https://astro.cloudinary.dev/) 또는 Node.js 환경에서 `<img>` 태그와 함께 사용할 URL을 생성할 수 있는 [Node.js SDK](https://cloudinary.com/documentation/node_integration)를 지원합니다.
또는 CDN에서 제공하는 자체 SDK를 사용해 Astro 프로젝트에 보다 쉽게 통합할 수도 있습니다. 예를 들면 다음과 같습니다.

- Cloudinary는 `CldImage` 컴포넌트를 사용해 이미지를 쉽게 삽입할 수 있는 [Astro SDK](https://astro.cloudinary.dev/)를 제공하며, Node.js 환경에서 `<img>` 태그와 함께 사용할 URL을 생성할 수 있는 [Node.js SDK](https://cloudinary.com/documentation/node_integration)도 제공합니다.
- ImageKit은 이미지 서비스를 등록하는 [Astro 통합](https://github.com/imagekit-developer/imagekit-astro)을 제공합니다. 이를 사용하면 Astro의 내장 `<Image />` 및 `<Picture />` 컴포넌트는 물론 Markdown의 `![]()` 및 MDX 이미지까지 모두 자동으로 ImageKit을 통해 처리됩니다. 기존 이미지 구문을 변경하지 않고도 CDN 전송, 자동 AVIF/WebP 변환, 반응형 `srcset`, 그리고 요청 시 이미지 변환 기능을 활용할 수 있습니다.

<ReadMore>[`<Image />`](/ko/reference/modules/astro-assets/#image-) 및 [`<Picture />`](/ko/reference/modules/astro-assets/#picture-) 컴포넌트의 전체 API 참조를 확인하세요.</ReadMore>

Expand Down
Loading
Loading