Skip to content

Commit

Permalink
Merge branch 'main' into overrides
Browse files Browse the repository at this point in the history
  • Loading branch information
jsparkdev authored Nov 23, 2024
2 parents 66acf88 + 077280f commit e182c49
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 0 deletions.
17 changes: 17 additions & 0 deletions docs/src/content/docs/ko/guides/overriding-components.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,23 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
- 전개 연산자를 사용하여 내장 컴포넌트에 `Astro.props`의 모든 속성을 전달합니다. 이를 통해, 내장 컴포넌트는 렌더링에 필요한 모든 데이터를 전달받습니다.
- 기본 컴포넌트 내에 [`<slot />`](https://docs.astro.build/ko/core-concepts/astro-components/#슬롯)을 추가합니다. 이를 통해, 하위 컴포넌트를 전달받은 경우, Astro가 전달받은 컴포넌트를 렌더링할 위치를 알 수 있습니다.

[명명된 슬롯](https://docs.astro.build/ko/basics/astro-components/#명명된-슬롯)이 포함된 [`PageFrame`](/ko/reference/overrides/#pageframe) 또는 [`TwoColumnContent`](/ko/reference/overrides/#twocolumncontent) 컴포넌트를 재사용하는 경우 이러한 슬롯도 [전송](https://docs.astro.build/ko/basics/astro-components/#슬롯-전송)해야 합니다.

아래 예시는 `TwoColumnContent` 컴포넌트를 재사용하는 사용자 정의 컴포넌트를 보여줍니다. 이 컴포넌트는 `right-sidebar`라는 이름의 추가 슬롯을 포함하여 전송합니다.

```astro {9}
---
// src/components/CustomContent.astro
import type { Props } from '@astrojs/starlight/props';
import Default from '@astrojs/starlight/components/TwoColumnContent.astro';
---
<Default {...Astro.props}>
<slot />
<slot name="right-sidebar" slot="right-sidebar" />
</Default>
```

## 페이지 데이터 사용

Starlight 컴포넌트를 재정의할 때, 사용자 정의 구현은 현재 페이지의 모든 데이터가 포함된 표준 `Astro.props` 객체를 전달받습니다.
Expand Down
10 changes: 10 additions & 0 deletions docs/src/content/docs/ko/resources/plugins.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,16 @@ Starlight 팀이 지원하는 공식 플러그인과 Starlight 사용자가 관
title="starlight-sidebar-topics-dropdown"
description="문서 페이지를 여러 개의 하위 페이지로 분할하고 사이드바의 드롭다운 메뉴를 사용하여 하위 페이지 간에 전환할 수 있습니다."
/>
<LinkCard
href="https://github.com/trueberryless-org/starlight-cooler-credit"
title="starlight-cooler-credit"
description="Starlight 또는 Astro 목차 하단에 멋진 크레딧을 추가하세요."
/>
<LinkCard
href="https://github.com/trueberryless-org/starlight-contributor-list"
title="starlight-contributor-list"
description="프로젝트의 모든 기여자 목록을 표시합니다."
/>
</CardGrid>

### 커뮤니티 테마
Expand Down

0 comments on commit e182c49

Please sign in to comment.