Skip to content

Commit 26934d2

Browse files
committed
Resolve sync conflict
1 parent 5cd21fc commit 26934d2

File tree

4 files changed

+10
-48
lines changed

4 files changed

+10
-48
lines changed

src/content/learn/installation.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,11 +37,7 @@ export default function App() {
3737

3838
직접 편집하거나 오른쪽 상단의 "Fork" 버튼을 눌러 새 탭에서 열 수 있습니다.
3939

40-
<<<<<<< HEAD
4140
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)
44-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
4541

4642
### 로컬 환경에서 React 시도하기 {/*try-react-locally*/}
4743

src/content/learn/react-compiler.md

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -351,29 +351,21 @@ module.exports = reactCompilerLoader;
351351

352352
### Expo {/*usage-with-expo*/}
353353

354-
<<<<<<< HEAD
355-
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/) 를 참고해주세요.
359355

360356
### Metro (React Native) {/*usage-with-react-native-metro*/}
361357

362358
React Native는 Metro를 통해 Babel을 사용하므로 설치 지침은 [Babel 사용법](#usage-with-babel) 섹션을 참조하세요.
363359

364-
<<<<<<< HEAD
365-
## 문제 해결 {/*troubleshooting*/}
366-
=======
367360
### Rspack {/*usage-with-rspack*/}
368361

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) 를 참고해주세요.
370363

371364
### Rsbuild {/*usage-with-rsbuild*/}
372365

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) 를 참고해주세요.
374367

375368
## Troubleshooting {/*troubleshooting*/}
376-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
377369

378370
문제를 보고하려면 먼저 [React 컴파일러 플레이그라운드](https://playground.react.dev/)에서 최소한의 재현 사례를 만들어 버그 보고서에 포함하세요. [facebook/react](https://github.com/facebook/react/issues) 저장소에서 이슈를 열 수 있습니다.
379371

src/content/learn/reusing-logic-with-custom-hooks.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1898,11 +1898,7 @@ export default function Counter() {
18981898
}
18991899
```
19001900
1901-
<<<<<<< HEAD
1902-
`useCounter.js` 에 커스텀 Hook을 작성하고 `Counter.js` 파일에 가져와야 합니다.
1903-
=======
1904-
You'll need to write your custom Hook in `useCounter.js` and import it into the `App.js` file.
1905-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
1901+
`useCounter.js` 에 커스텀 Hook을 작성하고 `App.js` 파일에 가져와야 합니다.
19061902
19071903
<Sandpack>
19081904

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

Lines changed: 6 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -68,21 +68,9 @@ React에서 **권장되지 않는** 속성들:
6868

6969
#### 특별한 렌더링 동작 {/*special-rendering-behavior*/}
7070

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>`로 이동시키고, 동일한 스크립트를 중복으로 처리합니다.
7772
이 동작을 사용하려면 `src``async={true}` 속성을 제공하세요. React는 `src`가 동일한 경우에만 스크립트를 중복 처리합니다. 스크립트를 안전하게 이동하려면 `async` 속성이 반드시 true여야 합니다.
78-
79-
<<<<<<< HEAD
80-
만약 `onLoad` 또는 `onError` 속성 중 하나라도 제공하면 특별한 동작이 없습니다. 이는 이러한 속성이 스크립트의 로딩을 컴포넌트 내에서 수동으로 관리한다는 것을 나타내기 때문입니다.
81-
8273
이 특별한 처리에는 두 가지 주의사항이 있습니다.
83-
=======
84-
This special treatment comes with two caveats:
85-
>>>>>>> 2a2e02f1d88f4d2828728ce352626e84ed8abda0
8674

8775
* React는 스크립트를 렌더링한 후에 속성 변경을 무시합니다. (개발 환경에서 이러한 경우에는 경고가 표시됩니다.)
8876
* React는 컴포넌트를 마운트 해제한 후에도 DOM에 스크립트를 남길 수 있습니다. (스크립트는 DOM에 삽입될 때 한 번만 실행되므로 이것은 영향을 미치지 않습니다.)
@@ -93,17 +81,11 @@ This special treatment comes with two caveats:
9381

9482
### 외부 스크립트 렌더링 {/*rendering-an-external-script*/}
9583

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 을 이용할 수 있습니다.
10487

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에 삽입합니다.
10789

10890
<SandpackWithHTMLOutput>
10991

@@ -136,11 +118,7 @@ export default function Page() {
136118

137119
### 인라인 스크립트 렌더링 {/*rendering-an-inline-script*/}
138120

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>`로 이동되지 않습니다.
144122

145123
<SandpackWithHTMLOutput>
146124

0 commit comments

Comments
 (0)