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
6 changes: 3 additions & 3 deletions src/content/docs/ko/guides/images.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -244,7 +244,7 @@ import myImage from '../assets/my_image.png'; // 1600x900의 이미지
/>
```

`<Image />` 컴포넌트는 HTML `<img>` 태그가 허용하는 모든 속성뿐만 아니라 [여러 컴포넌트 속성](/ko/reference/modules/astro-assets/#image-속성)을 허용합니다.
`<Image />` 컴포넌트는 HTML `<img>` 태그가 허용하는 모든 속성뿐만 아니라 [여러 컴포넌트 속성](/ko/reference/modules/astro-assets/#image-)을 허용합니다.

다음 예시는 최종 `<img>` 요소에 적용될 이미지 컴포넌트에 `class`를 제공합니다.

Expand Down Expand Up @@ -316,7 +316,7 @@ import myImage from '../assets/my_image.png'; // 1600x900의 이미지
</picture>
```

<ReadMore>[`<Picture />` 컴포넌트의 속성](/ko/reference/modules/astro-assets/#picture-속성)에 대한 자세한 내용은 `astro:assets` 참조에서 알아보세요.</ReadMore>
<ReadMore>[`<Picture />` 컴포넌트의 속성](/ko/reference/modules/astro-assets/#picture-)에 대한 자세한 내용은 `astro:assets` 참조에서 알아보세요.</ReadMore>

### 반응형 이미지 동작

Expand Down Expand Up @@ -492,7 +492,7 @@ const { src, ...attrs } = Astro.props;

로컬 이미지는 기존 `.astro` 파일의 상대 경로에서 가져오거나 [가져오기 별칭](/ko/guides/imports/#별칭)을 구성하여 사용할 수 있습니다. 그런 다음 이미지의 `src` 및 기타 속성에 액세스하여 `<img>` 태그에 사용할 수 있습니다.

가져온 이미지 자산은 다음 시그니처와 일치합니다.
가져온 이미지 자산은 [`ImageMetadata` 타입](/ko/reference/modules/astro-assets/#imagemetadata-1)과 일치하며 다음 시그니처를 가집니다.

```ts
interface ImageMetadata {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -334,7 +334,7 @@ import rocket from '../assets/rocket.png';
<img src={rocket.src} alt="A rocketship in space.">
```

Astro의 `<Image />` 컴포넌트는 `.astro` 및 `.mdx` 파일에서만 작동합니다. [컴포넌트 속성의 전체 목록](/ko/reference/modules/astro-assets/#image-속성)을 확인하고 몇 가지 속성이 Gatsby 속성과 다르다는 점에 유의하세요.
Astro의 `<Image />` 컴포넌트는 `.astro` 및 `.mdx` 파일에서만 작동합니다. [컴포넌트 속성의 전체 목록](/ko/reference/modules/astro-assets/#image-)을 확인하고 몇 가지 속성이 Gatsby 속성과 다르다는 점에 유의하세요.

표준 Markdown 구문 (`![]()`)을 사용하여 [Markdown (`.md`) 파일의 이미지](/ko/guides/images/#markdown-파일의-이미지)를 계속 사용하려면 링크를 업데이트해야 할 수도 있습니다. HTML `<img>` 태그를 직접 사용하는 것은 로컬 이미지용 `.md` 파일에서 지원되지 않으며 Markdown 구문으로 변환해야 합니다.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -427,7 +427,7 @@ Tailwind는 [Tailwind Vite 플러그인](/ko/guides/styling/#tailwind) 설치

Next `<Image />` 컴포넌트를 `.astro` 또는 `.mdx` 파일의 [Astro 자체 이미지 컴포넌트](/ko/guides/images/)로 변환하거나 [표준 HTML ` <img>` / JSX `<img />`](/ko/guides/images/#ui-프레임워크-컴포넌트의-이미지) 태그를 React 컴포넌트에 적절하게 추가하세요.

Astro의 `<Image />` 컴포넌트는 `.astro` 및 `.mdx` 파일에서만 작동합니다. [컴포넌트 속성의 전체 목록](/ko/reference/modules/astro-assets/#image-속성)을 확인하고 일부 속성이 Next 속성과 다르다는 점에 유의하세요.
Astro의 `<Image />` 컴포넌트는 `.astro` 및 `.mdx` 파일에서만 작동합니다. [컴포넌트 속성의 전체 목록](/ko/reference/modules/astro-assets/#image-)을 확인하고 일부 속성이 Next 속성과 다르다는 점에 유의하세요.

```astro title="src/pages/index.astro"
---
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -493,7 +493,7 @@ p {

[Nuxt `<nuxt-img/>` 또는 `<nuxt-picture/>` 컴포넌트](https://image.nuxt.com/usage/nuxt-img)를 `.astro` 또는 `.mdx` 파일의 [Astro 자체 이미지 컴포넌트](/ko/guides/images/)로 변환하거나 Vue 컴포넌트에서 적절하게 [표준 HTML `<img>`](/ko/guides/images/#ui-프레임워크-컴포넌트의-이미지) 또는 `<picture>` 태그로 변환하세요.

Astro의 `<Image />` 컴포넌트는 `.astro` 및 `.mdx` 파일에서만 작동합니다. [컴포넌트 속성의 전체 목록](/ko/reference/modules/astro-assets/#image-속성)을 확인하고 몇 가지 속성이 Nuxt의 속성과 다르다는 점에 유의하세요.
Astro의 `<Image />` 컴포넌트는 `.astro` 및 `.mdx` 파일에서만 작동합니다. [컴포넌트 속성의 전체 목록](/ko/reference/modules/astro-assets/#image-)을 확인하고 몇 가지 속성이 Nuxt의 속성과 다르다는 점에 유의하세요.

```astro title="src/pages/index.astro"
---
Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/ko/guides/upgrade-to/v3.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -828,7 +828,7 @@ Astro v2.x에서 이미지 통합을 사용하는 경우 다음 단계를 완료

새로운 내장 `<Image />` 컴포넌트를 사용하려면 모든 `import` 문을 `@astrojs/image/components`에서 `astro:assets`로 변경하세요.

[현재 지원되는 이미지 자산 속성](/ko/reference/modules/astro-assets/#image-속성)이 아닌 컴포넌트 속성을 제거하세요.
[현재 지원되는 이미지 자산 속성](/ko/reference/modules/astro-assets/#image-)이 아닌 컴포넌트 속성을 제거하세요.

예를 들어, `aspectRatio`는 이제 `width` 및 `height` 속성에서 자동으로 추론되므로 더 이상 지원되지 않습니다.

Expand Down
Loading