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/learn/installation.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -37,11 +37,7 @@ export default function App() {
37
37
38
38
직접 편집하거나 오른쪽 상단의 "Fork" 버튼을 눌러 새 탭에서 열 수 있습니다.
39
39
40
-
<<<<<<< HEAD
41
40
React 문서의 대부분 페이지에는 이와 같은 샌드박스가 있습니다. React 문서 외에도 [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), [CodePen.](https://codepen.io/pen?template=QWYVwWN) 등의 온라인 샌드박스에서 React를 지원합니다.
42
-
=======
43
-
Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?template=QWYVwWN)
Expo는 Metro를 통해 Babel을 사용하므로 설치 지침은 [Babel 사용법](#usage-with-babel) 섹션을 참조하세요.
356
-
=======
357
-
Please refer to [Expo's docs](https://docs.expo.dev/preview/react-compiler/) to enable and use the React Compiler in Expo apps.
358
-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
354
+
Expo 앱에서 React Compiler 를 활용하거나 사용하기 위해서는 [Expo's docs](https://docs.expo.dev/preview/react-compiler/) 를 참고해주세요.
359
355
360
356
### Metro (React Native) {/*usage-with-react-native-metro*/}
361
357
362
358
React Native는 Metro를 통해 Babel을 사용하므로 설치 지침은 [Babel 사용법](#usage-with-babel) 섹션을 참조하세요.
363
359
364
-
<<<<<<< HEAD
365
-
## 문제 해결 {/*troubleshooting*/}
366
-
=======
367
360
### Rspack {/*usage-with-rspack*/}
368
361
369
-
Please refer to [Rspack's docs](https://rspack.dev/guide/tech/react#react-compiler)to enable and use the React Compiler in Rspack apps.
362
+
Rspack 앱에서 React Compiler 를 활용하거나 사용하기 위해서는 [Rspack's docs](https://rspack.dev/guide/tech/react#react-compiler)를 참고해주세요.
370
363
371
364
### Rsbuild {/*usage-with-rsbuild*/}
372
365
373
-
Please refer to [Rsbuild's docs](https://rsbuild.dev/guide/framework/react#react-compiler)to enable and use the React Compiler in Rsbuild apps.
366
+
Rsbuild 앱에서 React Compiler 를 활용하거나 사용하기 위해서는 [Rsbuild's docs](https://rsbuild.dev/guide/framework/react#react-compiler)를 참고해주세요.
374
367
375
368
## Troubleshooting {/*troubleshooting*/}
376
-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
377
369
378
370
문제를 보고하려면 먼저 [React 컴파일러 플레이그라운드](https://playground.react.dev/)에서 최소한의 재현 사례를 만들어 버그 보고서에 포함하세요. [facebook/react](https://github.com/facebook/react/issues) 저장소에서 이슈를 열 수 있습니다.
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/script.md
+6-28Lines changed: 6 additions & 28 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -68,21 +68,9 @@ React에서 **권장되지 않는** 속성들:
68
68
69
69
#### 특별한 렌더링 동작 {/*special-rendering-behavior*/}
70
70
71
-
<<<<<<< HEAD
72
-
React는 `<script>` 컴포넌트를 문서의 `<head>`로 이동시키고, 동일한 스크립트를 중복으로 처리하며 스크립트가 로딩 중일 때 [중단](/reference/react/Suspense)할 수 있습니다.
73
-
=======
74
-
React can move `<script>` components to the document's `<head>` and de-duplicate identical scripts.
75
-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
76
-
71
+
React는 `<script>` 컴포넌트를 문서의 `<head>`로 이동시키고, 동일한 스크립트를 중복으로 처리합니다.
77
72
이 동작을 사용하려면 `src` 와 `async={true}` 속성을 제공하세요. React는 `src`가 동일한 경우에만 스크립트를 중복 처리합니다. 스크립트를 안전하게 이동하려면 `async` 속성이 반드시 true여야 합니다.
78
-
79
-
<<<<<<< HEAD
80
-
만약 `onLoad` 또는 `onError` 속성 중 하나라도 제공하면 특별한 동작이 없습니다. 이는 이러한 속성이 스크립트의 로딩을 컴포넌트 내에서 수동으로 관리한다는 것을 나타내기 때문입니다.
81
-
82
73
이 특별한 처리에는 두 가지 주의사항이 있습니다.
83
-
=======
84
-
This special treatment comes with two caveats:
85
-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
86
74
87
75
* React는 스크립트를 렌더링한 후에 속성 변경을 무시합니다. (개발 환경에서 이러한 경우에는 경고가 표시됩니다.)
88
76
* React는 컴포넌트를 마운트 해제한 후에도 DOM에 스크립트를 남길 수 있습니다. (스크립트는 DOM에 삽입될 때 한 번만 실행되므로 이것은 영향을 미치지 않습니다.)
@@ -93,17 +81,11 @@ This special treatment comes with two caveats:
93
81
94
82
### 외부 스크립트 렌더링 {/*rendering-an-external-script*/}
95
83
96
-
<<<<<<< HEAD
97
-
특정 스크립트에 의존하여 컴포넌트를 올바르게 표시해야 한다면, 컴포넌트 내에서 `<script>`를 렌더링할 수 있습니다.
98
-
99
-
만약 `src` and `async` 속성을 제공하면 스크립트가 로드되는 동안 컴포넌트가 중단됩니다. React는 `src`가 동일한 스크립트를 중복 처리하여 동일한 스크립트를 DOM에 한 번만 삽입하며, 여러 컴포넌트가 렌더링해도 같은 동작을 수행합니다.
100
-
=======
101
-
If a component depends on certain scripts in order to be displayed correctly, you can render a `<script>` within the component.
102
-
However, the component might be committed before the script has finished loading.
103
-
You can start depending on the script content once the `load` event is fired e.g. by using the `onLoad` prop.
84
+
특정 script 에 의존하여 컴포넌트를 올바르게 표시해야 한다면, 컴포넌트 내에서 `<script>`를 렌더링할 수 있습니다.
85
+
그러나 script 로딩이 완료되기 전에 컴포넌트가 커밋될 수 있습니다.
86
+
`load` 이벤트가 발생하면 스크립트 내용에 따라 시작할 수 있습니다. 예를 들어 `onLoad` prop 을 이용할 수 있습니다.
104
87
105
-
React will de-duplicate scripts that have the same `src`, inserting only one of them into the DOM even if multiple components render it.
106
-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
88
+
React는 동일한 `src`를 가진 스크립트의 중복을 제거하여 여러 컴포넌트가 렌더링하더라도 그 중 하나만 DOM에 삽입합니다.
107
89
108
90
<SandpackWithHTMLOutput>
109
91
@@ -136,11 +118,7 @@ export default function Page() {
136
118
137
119
### 인라인 스크립트 렌더링 {/*rendering-an-inline-script*/}
138
120
139
-
<<<<<<< HEAD
140
-
인라인 스크립트를 포함하려면 render the `<script>` 컴포넌트를 자식으로 스크립트 소스 코드와 함께 렌더링하세요. 인라인 스크립트는 중복 처리되거나 문서 `<head>`로 이동되지 않으며, 외부 리소스를 로드하지 않기 때문에 컴포넌트가 중단되지 않습니다.
141
-
=======
142
-
To include an inline script, render the `<script>` component with the script source code as its children. Inline scripts are not de-duplicated or moved to the document `<head>`.
143
-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
121
+
인라인 script 를 포함하려면 render the `<script>` 컴포넌트를 자식으로 스크립트 소스 코드와 함께 렌더링하세요. 인라인 스크립트는 중복 처리되거나 문서 `<head>`로 이동되지 않습니다.
0 commit comments