Skip to content

Commit 8ffc5aa

Browse files
Merge branch 'main' into docs/translate-components-common
2 parents 7df7b0f + af9d1cf commit 8ffc5aa

File tree

1 file changed

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

1 file changed

+7
-11
lines changed

src/content/reference/react-dom/components/style.md

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -49,15 +49,11 @@ React는 `<style>` 컴포넌트를 문서의 `<head>`로 이동시키고, 동일
4949

5050
이 동작을 사용하려면 `href``precedence` 속성을 제공하세요. React는 동일한 `href`를 가진 스타일의 중복을 제거합니다. `precedence` 속성은 문서의 `<head>` 내 다른 요소에 비해 `<style>` DOM 노드의 순위를 지정하며, 어떤 스타일시트가 다른 스타일시트를 덮어쓸 수 있는지를 결정합니다.
5151

52-
이러한 처리는 두 가지 주의 사항이 있습니다.
53-
54-
* 스타일이 렌더링된 후에는 React가 속성 변경을 무시합니다. (개발 중에 이 상황이 발생하면 React는 경고를 표시합니다.)
52+
이러한 처리는 세 가지 주의 사항이 있습니다.
5553

54+
* 스타일이 렌더링된 후에는 React가 Props 변경을 무시합니다. (개발 중에 이 상황이 발생하면 React는 경고를 표시합니다.)
55+
* React는 `precedence` Prop을 사용할 때 불필요한 Props를 제거합니다. (단, `href``precedence`는 제외.)
5656
* 스타일을 렌더링한 컴포넌트가 마운트 해제된 후에도 DOM에 스타일이 유지될 수 있습니다.
57-
* React will ignore changes to props after the style has been rendered. (React will issue a warning in development if this happens.)
58-
* React will drop all extraneous props when using the `precedence` prop (beyond `href` and `precedence`).
59-
* React may leave the style in the DOM even after the component that rendered it has been unmounted.
60-
6157
---
6258

6359
## 사용법 {/*usage*/}
@@ -66,11 +62,11 @@ React는 `<style>` 컴포넌트를 문서의 `<head>`로 이동시키고, 동일
6662

6763
컴포넌트가 올바르게 표시되기 위해 특정 CSS 스타일에 의존하는 경우, 컴포넌트 내에서 인라인 스타일시트를 렌더링할 수 있습니다.
6864

69-
The `href` prop should uniquely identify the stylesheet, because React will de-duplicate stylesheets that have the same `href`.
70-
If you supply a `precedence` prop, React will reorder inline stylesheets based on the order these values appear in the component tree.
65+
React는 동일한 `href`를 가진 스타일시트의 중복을 제거하므로 `href` 속성은 스타일시트를 고유하게 식별해야 합니다.
66+
`precedence` Prop을 제공하면 React는 컴포넌트 트리에서 해당 값이 표시되는 순서에 따라 인라인 스타일시트의 순서를 다시 지정합니다.
7167

72-
Inline stylesheets will not trigger Suspense boundaries while they're loading.
73-
Even if they load async resources like fonts or images.
68+
인라인 스타일시트는 로딩 중이더라도 Suspense 경계를 트리거하지 않습니다.
69+
이는, 글꼴이나 이미지와 같은 비동기 리소스를 로드하는 경우에도 마찬가지입니다.
7470

7571
<SandpackWithHTMLOutput>
7672

0 commit comments

Comments
 (0)