Skip to content

Commit c744764

Browse files
lumirlumirlumirlumir
committed
docs: update title.md 
1 parent 4fe3cd7 commit c744764

File tree

1 file changed

+7
-7
lines changed
  • src/content/reference/react-dom/components

1 file changed

+7
-7
lines changed

‎src/content/reference/react-dom/components/title.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: "<title>"
44

55
<Intro>
66

7-
[내장된 브라우저 `<title>` 컴포넌트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title)를 사용하면 문서의 제목을 지정할 수 있습니다.
7+
[내장 브라우저 `<title>` 컴포넌트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title)를 사용하면 문서의 제목을 지정할 수 있습니다.
88

99
```js
1010
<title>My Blog</title>
@@ -20,17 +20,17 @@ title: "<title>"
2020

2121
### `<title>` {/*title*/}
2222

23-
문서의 제목을 지정하려면 [내장된 브라우저 `<title>` 컴포넌트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title)를 렌더링하십시오. `<title>`은 어떤 컴포넌트에서든 렌더링할 수 있으며, React는 항상 해당하는 DOM 요소를 문서의 헤드에 배치합니다.
23+
문서의 제목을 지정하려면 [내장 브라우저 `<title>` 컴포넌트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title)를 렌더링하세요. `<title>`은 어떤 컴포넌트에서든 렌더링할 수 있으며, React는 항상 해당하는 DOM 요소를 문서의 `<head>`에 배치합니다.
2424

2525
```js
2626
<title>My Blog</title>
2727
```
2828

29-
[아래에서 더 많은 예시를 확인하세요.](#usage)
29+
[아래 예시를 참고하세요.](#usage)
3030

3131
#### Props {/*props*/}
3232

33-
`<title>`은 [모든 컴포넌트 속성](/reference/react-dom/components/common#props)을 지원합니다.
33+
`<title>`은 [공통 컴포넌트 속성](/reference/react-dom/components/common#props)을 지원합니다.
3434

3535
* `children`: `<title>`은 자식으로 텍스트만 허용합니다. 이 텍스트는 문서의 제목이 됩니다. 텍스트만 렌더링하는 한, 사용자 정의 컴포넌트도 전달할 수 있습니다.
3636

@@ -39,12 +39,12 @@ title: "<title>"
3939
React는 `<title>` 컴포넌트에 해당하는 DOM 요소를 React 트리 내 어디에서 렌더링하든 항상 문서의 `<head>` 내에 배치합니다. `<head>`는 DOM 내에서 `<title>`이 존재할 수 있는 유일한 위치이지만, 특정 페이지를 나타내는 컴포넌트가 자체적으로 `<title>`을 렌더링할 수 있으면 편리하고 구성 가능하게 유지됩니다.
4040

4141
여기에는 두 가지 예외가 있습니다.
42-
* `<title>`이 `<svg>` 컴포넌트 내에 있는 경우, 특별한 동작이 없습니다. 이 context에서는 문서의 제목을 나타내는 것이 아니라 [해당 SVG 그래픽에 대한 접근성 주석](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title)이기 때문입니다.
42+
* `<title>`이 `<svg>` 컴포넌트 내에 있는 경우, 특별한 동작이 없습니다. 이 맥락에서는 문서의 제목을 나타내는 것이 아니라 [해당 SVG 그래픽에 대한 접근성 주석](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title)이기 때문입니다.
4343
* `<title>`에 [`itemProp`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop) 속성이 있는 경우, 특별한 동작이 없습니다. 이 경우 문서의 제목이 아니라 페이지의 특정 부분에 대한 메타데이터를 나타내기 때문입니다.
4444

4545
<Pitfall>
4646

47-
한 번에 하나의 `<title>`만 렌더링하십시오. 여러 구성 요소가 동시에 `<title>` 태그를 렌더링하면 React는 모든 제목을 문서의 헤드에 배치합니다. 이렇게 되면 브라우저와 검색 엔진의 동작이 정의되지 않습니다.
47+
한 번에 하나의 `<title>`만 렌더링하세요. 여러 구성 요소가 동시에 `<title>` 태그를 렌더링하면 React는 모든 제목을 문서의 `<head>`에 배치합니다. 이렇게 되면 브라우저와 검색 엔진의 동작이 정의되지 않습니다.
4848

4949
</Pitfall>
5050

@@ -82,7 +82,7 @@ export default function ContactUsPage() {
8282
<title>Results page {pageNumber}</title> // 🔴 Problem: This is not a single string
8383
```
8484

85-
... 실제로는 `<title>` 컴포넌트에 두 개의 요소로 구성된 배열이 자식으로 전달됩니다 (문자열 `"Results page"`와 `pageNumber`의 값). 이는 오류를 발생시킵니다. 대신에 문자열 보간을 사용하여 `<title>`에 단일 문자열을 전달하십시오
85+
실제로는 `<title>` 컴포넌트에 두 개의 요소로 구성된 배열이 자식으로 전달됩니다. (문자열 `"Results page"`와 `pageNumber`의 값.) 이는 오류를 발생시킵니다. 대신에 문자열 보간을 사용하여 `<title>`에 단일 문자열을 전달하세요.
8686

8787
```js
8888
<title>{`Results page ${pageNumber}`}</title>

0 commit comments

Comments
 (0)