Skip to content

Commit 8d0874b

Browse files
committed
docs: update flushSync.md
1 parent 33d87e8 commit 8d0874b

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/content/reference/react-dom/flushSync.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ title: flushSync
44

55
<Pitfall>
66

7-
`flushSync`를 사용하는 것은 일반적이지 않으며 애플리케이션의 성능이 저하될 수 있습니다.
7+
`flushSync`를 사용하는 것은 일반적이지 않으며 애플리케이션의 성능을 저하할 수 있습니다.
88

99
</Pitfall>
1010

1111
<Intro>
1212

13-
`flushSync`React에게 제공된 콜백 내부의 모든 업데이트를 동기적으로 처리하도록 강제합니다. DOM이 즉시 업데이트되는 것을 보장합니다.
13+
`flushSync`React에 제공된 콜백 내부의 모든 업데이트를 동기적으로 처리하도록 강제합니다. DOM이 즉시 업데이트되는 것을 보장합니다.
1414

1515
```js
1616
flushSync(callback)
@@ -26,7 +26,7 @@ flushSync(callback)
2626

2727
### `flushSync(callback)` {/*flushsync*/}
2828

29-
`flushSync`를 호출해서 React가 보류 중인 모든 작업을 강제로 처리하고 DOM을 동기적으로 업데이트할 수 있습니다.
29+
`flushSync`를 호출해서 React가 보류<sup>Pending</sup> 중인 모든 작업을 강제로 처리하고 DOM을 동기적으로 업데이트할 수 있습니다.
3030

3131
```js
3232
import { flushSync } from 'react-dom';
@@ -36,13 +36,13 @@ flushSync(() => {
3636
});
3737
```
3838

39-
대부분의 경우 `flushSync` 사용은 권장되지 않습니다. `flushSync`는 최후의 수단으로 사용하세요.
39+
대부분의 경우 `flushSync`의 사용을 권장하지 않습니다. `flushSync`는 최후의 수단으로 사용하세요.
4040

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

4343
#### 매개변수 {/*parameters*/}
4444

45-
* `callback`: 함수입니다. React는 즉시 콜백을 호출하고 콜백 내의 모든 업데이트를 동기적으로 처리합니다. 또한 보류 중인 업데이트나 effect 또는 effect 내부의 업데이트도 처리할 수 있습니다. `flushSync` 호출로 인해 업데이트가 중단되면 fallback이 다시 표시될 수 있습니다.
45+
* `callback`: 함수입니다. React는 즉시 콜백을 호출하고 콜백 내의 모든 업데이트를 동기적으로 처리합니다. 또한 보류 중인 업데이트나 Effect 또는 Effect 내부의 업데이트도 처리할 수 있습니다. `flushSync` 호출로 인해 업데이트가 중단되면 Fallback이 다시 표시될 수 있습니다.
4646

4747
#### 반환값 {/*returns*/}
4848

@@ -51,17 +51,17 @@ flushSync(() => {
5151
#### 주의 사항 {/*caveats*/}
5252

5353
* `flushSync`를 사용하면 애플리케이션의 성능이 크게 저하될 수 있습니다. 가급적 사용하지 마세요.
54-
* `flushSync`는 보류 중인 Suspense 바운더리의 `fallback` state를 표시하도록 강제할 수 있습니다.
55-
* `flushSync`는 보류 중인 Effect 를 실행하고 반환되기 전에 포함된 모든 업데이트를 동기적으로 적용할 수 있습니다.
54+
* `flushSync`는 보류 중인 Suspense 바운더리의 `fallback` State를 표시하도록 강제할 수 있습니다.
55+
* `flushSync`는 보류 중인 Effect를 실행하고 포함된 모든 업데이트를 반환하기 전에 동기적으로 적용할 수 있습니다.
5656
* `flushSync`는 콜백 내부의 업데이트를 처리할 때 필요한 경우 콜백 외부의 업데이트를 처리할 수 있습니다. 예를 들어 클릭으로 인한 보류 중인 업데이트가 있는 경우 React는 콜백 내부의 업데이트를 처리하기 전에 해당 업데이트를 처리할 수 있습니다.
5757

5858
---
5959

6060
## 사용법 {/*usage*/}
6161

62-
### 서드 파티 통합을 위한 업데이트 flushing {/*flushing-updates-for-third-party-integrations*/}
62+
### 서드 파티 통합을 위한 업데이트 Flushing {/*flushing-updates-for-third-party-integrations*/}
6363

64-
브라우저 API 또는 UI 라이브러리와 같은 서드 파티 코드를 통합할 때 React가 업데이트를 처리하도록 강제할 필요가 있을 수 있습니다. `flushSync`를 사용해서 React가 콜백 내부의 모든 <CodeStep step={1}>state updates</CodeStep>를 동기적으로 처리하도록 할 수 있습니다.
64+
브라우저 API 또는 UI 라이브러리와 같은 서드 파티 코드를 통합할 때 React가 업데이트를 처리하도록 강제할 필요가 있을 수 있습니다. `flushSync`를 사용해서 React가 콜백 내부의 모든 <CodeStep step={1}>State 업데이트</CodeStep>를 동기적으로 처리하도록 할 수 있습니다.
6565

6666
```js [[1, 2, "setSomething(123)"]]
6767
flushSync(() => {
@@ -78,7 +78,7 @@ flushSync(() => {
7878

7979
일부 브라우저 API는 콜백 내부의 결과가 DOM에서 동기적으로 사용될 것으로 예상하므로 콜백이 완료될 때까지 렌더링된 DOM을 사용해서 브라우저가 작업할 수 있습니다. 대부분의 경우 React가 이를 자동으로 처리하지만, 때에 따라 강제로 동기적 업데이트를 해야 할 수 있습니다.
8080

81-
예를 들어 `onbeforeprint` 브라우저 API를 사용하면 프린트 다이얼로그가 열리기 직전에 페이지를 변경할 수 있습니다. 문서를 더 잘 표시하기 위해 사용자가 정의한 프린트 스타일을 적용하는 데 유용합니다. 아래 예시에서는 `onbeforeprint` 콜백 내에서 `flushSync`를 사용하여 React state를 DOM으로 즉시 "flush"합니다. 그런 다음 프린트 다이얼로그가 열릴 때까지 `isPrinting`이 "yes"로 표시됩니다.
81+
예를 들어 `onbeforeprint` 브라우저 API를 사용하면 프린트 대화 상자가 열리기 직전에 페이지를 변경할 수 있습니다. 문서를 더 잘 표시하기 위해 사용자가 정의한 프린트 스타일을 적용하는 데 유용합니다. 아래 예시에서는 `onbeforeprint` 콜백 내에서 `flushSync`를 사용하여 React State를 DOM으로 즉시 "Flush"합니다. 그런 다음 프린트 다이얼로그가 열릴 때까지 `isPrinting`이 "yes"로 표시됩니다.
8282

8383
<Sandpack>
8484

@@ -121,11 +121,11 @@ export default function PrintApp() {
121121

122122
</Sandpack>
123123

124-
`flushSync`를 사용하지 않으면 프린트 다이얼로그는 `isPrinting`을 "no"로 표시합니다. React가 업데이트를 비동기적으로 batch하고 프린트 다이얼로그를 state가 업데이트되기 전에 표시하기 때문입니다.
124+
`flushSync`를 사용하지 않으면 프린트 대화 상자는 `isPrinting`을 "no"로 표시합니다. React가 업데이트를 비동기적으로 Batch하고 프린트 대화 상자를 State가 업데이트되기 전에 표시하기 때문입니다.
125125

126126
<Pitfall>
127127

128-
`flushSync`를 사용하면 애플리케이션의 성능이 크게 저하될 수 있으며 보류 중인 Suspense 바운더리가 fallback state를 표시하도록 강제할 수 있습니다.
128+
`flushSync`를 사용하면 애플리케이션의 성능이 크게 저하될 수 있으며 보류 중인 Suspense 바운더리가 Fallback State를 표시하도록 강제할 수 있습니다.
129129

130130
대부분의 경우 `flushSync`를 사용하지 않을 수 있으므로 최후의 수단으로 사용하세요.
131131

0 commit comments

Comments
 (0)