From 1fa3f75aa0c82a2b4a16bc4db3207baa813dad6b Mon Sep 17 00:00:00 2001
From: Junseong Park <39112954+jsparkdev@users.noreply.github.com>
Date: Sun, 8 Dec 2024 13:02:21 +0900
Subject: [PATCH] i18n(ko-KR): update `images.mdx`
---
src/content/docs/ko/guides/images.mdx | 28 ++++++---------------------
1 file changed, 6 insertions(+), 22 deletions(-)
diff --git a/src/content/docs/ko/guides/images.mdx b/src/content/docs/ko/guides/images.mdx
index 8531e487c76c9..7ae2e4216c04d 100644
--- a/src/content/docs/ko/guides/images.mdx
+++ b/src/content/docs/ko/guides/images.mdx
@@ -355,17 +355,15 @@ coverAlt: "A photograph of a sunset behind a mountain range."
This is a blog post
```
-콘텐츠 컬렉션 스키마의 `image` 도우미를 사용하면 Zod를 사용하여 이미지 메타데이터의 유효성을 검사할 수 있습니다.
+콘텐츠 컬렉션 스키마의 `image` 도우미를 사용하면 이미지를 검증하고 가져올 수 있습니다.
-```ts title="src/content/config.ts"
+```ts title="src/content.config.ts"
import { defineCollection, z } from "astro:content";
const blogCollection = defineCollection({
schema: ({ image }) => z.object({
title: z.string(),
- cover: image().refine((img) => img.width >= 1080, {
- message: "Cover image must be at least 1080 pixels wide!",
- }),
+ cover: image(),
coverAlt: z.string(),
}),
});
@@ -402,7 +400,7 @@ const allBlogPosts = await getCollection("blog");
다른 Astro 컴포넌트와 마찬가지로 `` 컴포넌트는 UI 프레임워크 컴포넌트에서 사용할 수 없습니다.
-그러나 ``에서 생성된 정적 콘텐츠를 `.astro` 파일의 프레임워크 컴포넌트에 자식으로 전달하거나 [명명된 ``](/ko/guides/framework-components/#프레임워크-컴포넌트에서-astro-컴포넌트를-사용할-수-있나요)]을 사용하여 전달할 수 있습니다:
+그러나 ``에서 생성된 정적 콘텐츠를 `.astro` 파일의 프레임워크 컴포넌트에 [자식으로](/ko/guides/framework-components/#프레임워크-컴포넌트에-자식-요소-전달) 전달하거나 [명명된 ``](/ko/guides/framework-components/#프레임워크-컴포넌트에서-astro-컴포넌트를-사용할-수-있나요)]을 사용하여 전달할 수 있습니다:
```astro title="src/components/ImageWrapper.astro"
---
@@ -467,25 +465,11 @@ pnpm add sharp
```
:::
-### Squoosh 구성
-
-[Squoosh](https://github.com/GoogleChromeLabs/squoosh)를 사용하여 이미지를 변환하려면 다음과 같이 구성을 업데이트하세요.
-
-```js title="astro.config.mjs" ins={4-6}
-import { defineConfig, squooshImageService } from 'astro/config';
-
-export default defineConfig({
- image: {
- service: squooshImageService(),
- },
-});
-```
-
### 무작동 패스스루 서비스 구성
-[`server` 또는 `hybrid` 모드용 어댑터](https://astro.build/integrations/?search=&categories%5B%5D=adapters)가 Astro의 내장 Squoosh 및 Sharp 이미지 최적화를 지원하지 않는 경우 (예: Deno, Cloudflare) `` 및 `` 컴포넌트를 사용할 수 있도록 무작동 이미지 서비스를 구성할 수 있습니다. Astro는 이러한 환경에서 이미지 변환 및 처리를 수행하지 않습니다. 그러나 CLS (Cumulative Layout Shift) 없음, 강제된 `alt` 속성 및 일관된 작성 환경을 포함하여 `astro:assets` 사용의 다른 이점을 계속 누릴 수 있습니다.
+[어댑터](https://astro.build/integrations/?search=&categories%5B%5D=adapters)가 Astro의 내장 Sharp 이미지 최적화를 지원하지 않는 경우 (예: Deno, Cloudflare) `` 및 `` 컴포넌트를 사용할 수 있도록 무작동 이미지 서비스를 구성할 수 있습니다. Astro는 이러한 환경에서 이미지 변환 및 처리를 수행하지 않습니다. 그러나 CLS (Cumulative Layout Shift) 없음, 강제된 `alt` 속성 및 일관된 작성 환경을 포함하여 `astro:assets` 사용의 다른 이점을 계속 누릴 수 있습니다.
-Squoosh 및 Sharp 이미지 처리를 모두 방지하려면 `passthroughImageService()`를 구성하세요.
+Sharp의 이미지 처리를 방지하려면 `passthroughImageService()`를 구성하세요.
```js title="astro.config.mjs" ins={4-6} "passthroughImageService"
import { defineConfig, passthroughImageService } from 'astro/config';