You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/meta.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,7 @@ meta: "<meta>"
20
20
21
21
### `<meta>` {/*meta*/}
22
22
23
-
문서 메타데이터를 추가하려면 [내장 브라우저 `<meta>` 컴포넌트](https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta)를 렌더링하십시오. 어느 컴포넌트에서나 `<meta>`를 렌더링할 수 있으며, React는 항상 해당 DOM 요소를 문서의 head에 배치합니다.
23
+
문서 메타데이터를 추가하려면 [내장 브라우저 `<meta>` 컴포넌트](https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta)를 렌더링하세요. 어느 컴포넌트에서나 `<meta>`를 렌더링할 수 있으며, React는 항상 해당 DOM 요소를 문서의 `<head>`에 배치합니다.
`<meta>`는 [공통 요소 Props](/reference/react-dom/components/common#props)를 지원합니다.
34
34
35
35
다음 속성 중 _하나만_ 가져야 합니다. `name`, `httpEquiv`, `charset`, `itemProp`.
36
36
37
-
`<meta>` 컴포넌트는 지정된 속성에 따라 각각 다른 동작을 합니다.
37
+
`<meta>` 컴포넌트는 지정된 Props에 따라 각각 다른 동작을 합니다.
38
38
39
39
*`name`: 문자열. 문서에 첨부될 [메타데이터 종류](https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta/name)를 지정합니다.
40
40
*`charset`: 문자열. 문서에서 사용되는 문자 인코딩을 지원합니다. 유효한 값은 `"utf-8"` 뿐 입니다.
41
41
*`httpEquiv`: 문자열. 문서를 처리할 지시 사항을 지정합니다.
42
42
*`itemProp`: 문자열. 문서 전체가 아닌 문서 내 특정 항목에 대한 메타데이터를 지정합니다.
43
-
*`content`: 문자열. `name` 또는 `itemProp`props와 함께 사용 시 첨부될 메타데이터를 지정하거나, `httpEquiv`props와 함께 사용 시 지시 사항의 동작을 지정합니다.
43
+
*`content`: 문자열. `name` 또는 `itemProp`Props와 함께 사용 시 첨부될 메타데이터를 지정하거나, `httpEquiv`Props와 함께 사용 시 지시 사항의 동작을 지정합니다.
44
44
45
45
#### 특수 렌더링 동작 {/*special-rendering-behavior*/}
46
46
47
47
React는 `<meta>` 컴포넌트가 React 트리 어디에서 렌더링되든 상관없이 해당하는 DOM 요소를 항상 문서의 `<head>` 내에 배치합니다. DOM 내에서 `<head>`는 `<meta>`가 존재할 수 있는 유일한 유효한 위치이지만, 특정 페이지를 나타내는 컴포넌트가 `<meta>` 컴포넌트를 자체적으로 렌더링할 수 있다는 점이 편리하고, 구성 가능성을 유지해 줍니다.
48
48
49
-
단, `<meta>`에 [`itemProp`](https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/itemprop)props가 있는 경우에는 예외입니다. 이 경우에는 문서에 대한 메타데이터가 아닌 페이지의 특정 부분에 대한 메타데이터를 나타내므로 특수한 동작이 적용되지 않습니다.
49
+
단, `<meta>`에 [`itemProp`](https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/itemprop)Props가 있는 경우에는 예외입니다. 이 경우에는 문서에 대한 메타데이터가 아닌 페이지의 특정 부분에 대한 메타데이터를 나타내므로 특수한 동작이 적용되지 않습니다.
50
50
51
51
---
52
52
@@ -85,7 +85,7 @@ export default function SiteMapPage() {
85
85
86
86
### 문서 내 특정 항목에 메타데이터 추가하기 {/*annotating-specific-items-within-the-document-with-metadata*/}
87
87
88
-
`itemProp`props와 함께 `<meta>` 컴포넌트를 사용하여 문서 내 특정 항목에 메타데이터를 추가할 수 있습니다. 이 경우, React는 이러한 주석을 문서내`<head>`에 배치하지 않고, 다른 React 컴포넌트처럼 배치합니다.
88
+
`itemProp`Props와 함께 `<meta>` 컴포넌트를 사용하여 문서 내 특정 항목에 메타데이터를 추가할 수 있습니다. 이 경우, React는 이러한 주석을 문서 내`<head>`에 배치하지 않고, 다른 React 컴포넌트처럼 배치합니다.
0 commit comments