Skip to content

Commit cd3d89c

Browse files
authored
Translate: renderToNodeStream (#641)
* feat: translate renderToNodeStream part * fix: terms that don't fit in the glossary * fix: unnatural sentences
1 parent 6881de4 commit cd3d89c

File tree

1 file changed

+20
-21
lines changed

1 file changed

+20
-21
lines changed

src/content/reference/react-dom/server/renderToNodeStream.md

+20-21
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ title: renderToNodeStream
44

55
<Deprecated>
66

7-
This API will be removed in a future major version of React. Use [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) instead.
7+
이 API는 향후 React의 주요 버전에서 제거될 예정입니다. 대신 [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream)을 사용하세요.
88

99
</Deprecated>
1010

1111
<Intro>
1212

13-
`renderToNodeStream` renders a React tree to a [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
13+
`renderToNodeStream`React 트리를 [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)으로 렌더링합니다.
1414

1515
```js
1616
const stream = renderToNodeStream(reactNode)
@@ -22,55 +22,54 @@ const stream = renderToNodeStream(reactNode)
2222

2323
---
2424

25-
## Reference {/*reference*/}
25+
## 래퍼런스 {/*reference*/}
2626

2727
### `renderToNodeStream(reactNode)` {/*rendertonodestream*/}
2828

29-
On the server, call `renderToNodeStream` to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) which you can pipe into the response.
29+
서버에서 `renderToNodeStream`을 호출하여 응답으로 연결할 수 있는 [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)을 가져옵니다.
3030

3131
```js
3232
import { renderToNodeStream } from 'react-dom/server';
3333

34-
const stream = renderToNodeStream(<App />);
34+
const stream = renderToNodeStream(<App />)
3535
stream.pipe(response);
3636
```
3737

38-
On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to make the server-generated HTML interactive.
38+
클라이언트에서 [`hydrateRoot`](/reference/react-dom/client/hydrateRoot)를 호출하여 서버에서 생성된 HTML을 상호작용 가능하도록 만드세요.
3939

40-
[See more examples below.](#usage)
40+
[아래 예시를 참고하세요.](#usage)
4141

42-
#### Parameters {/*parameters*/}
42+
#### 매개변수 {/*parameters*/}
4343

44-
* `reactNode`: A React node you want to render to HTML. For example, a JSX element like `<App />`.
44+
* `reactNode`: HTML로 렌더링하려는 React 노드입니다. 예를 들어, `<App />`과 같은 JSX 엘리먼트입니다.
45+
#### 반환 {/*returns*/}
4546

46-
#### Returns {/*returns*/}
47+
HTML 문자열을 출력하는 [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)를 반환합니다.
4748

48-
A [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) that outputs an HTML string.
49+
#### 주의 사항 {/*caveats*/}
4950

50-
#### Caveats {/*caveats*/}
51+
* 이 메서드는 출력물을 반환하기 전에 모든 [Suspense boundaries](/reference/react/Suspense))가 완료될 때까지 대기합니다.
5152

52-
* This method will wait for all [Suspense boundaries](/reference/react/Suspense) to complete before returning any output.
53+
* React 18부터 이 메서드는 모든 출력값을 버퍼링하므로 실제로 스트리밍 이점을 제공하지 않습니다. 따라서 [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream)으로 마이그레이션할 것을 권장합니다.
5354

54-
* As of React 18, this method buffers all of its output, so it doesn't actually provide any streaming benefits. This is why it's recommended that you migrate to [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) instead.
55-
56-
* The returned stream is a byte stream encoded in utf-8. If you need a stream in another encoding, take a look at a project like [iconv-lite](https://www.npmjs.com/package/iconv-lite), which provides transform streams for transcoding text.
55+
* 반환된 스트림은 utf-8로 인코딩된 바이트 스트림입니다. 다른 인코딩 스트림이 필요한 경우 텍스트 변환을 위한 변환 스트림을 제공하는 [iconv-lite](https://www.npmjs.com/package/iconv-lite)와 같은 프로젝트를 살펴보세요.
5756

5857
---
5958

60-
## Usage {/*usage*/}
59+
## 사용법 {/*usage*/}
6160

62-
### Rendering a React tree as HTML to a Node.js Readable Stream {/*rendering-a-react-tree-as-html-to-a-nodejs-readable-stream*/}
61+
### React 트리를 HTML로 Node.js Readable Stream에 렌더링하기 {/*rendering-a-react-tree-as-html-to-a-nodejs-readable-stream*/}
6362

64-
Call `renderToNodeStream` to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) which you can pipe to your server response:
63+
`renderToNodeStream` 을 호출하여 서버 응답으로 연결할 수 있는 [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)을 가져옵니다.
6564

6665
```js {5-6}
6766
import { renderToNodeStream } from 'react-dom/server';
6867

69-
// The route handler syntax depends on your backend framework
68+
// 라우트 핸들러 구문은 백엔드 프레임워크에 따라 다릅니다.
7069
app.use('/', (request, response) => {
7170
const stream = renderToNodeStream(<App />);
7271
stream.pipe(response);
7372
});
7473
```
7574

76-
The stream will produce the initial non-interactive HTML output of your React components. On the client, you will need to call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to *hydrate* that server-generated HTML and make it interactive.
75+
스트림은 React 컴포넌트의 초기에 상호작용하지 않는 HTML 출력을 생성합니다. 클라이언트에서 서버에서 생성된 HTML을 *hydrate* 처리하고 상호작용하도록 하려면 [`hydrateRoot`](/reference/react-dom/client/hydrateRoot)를 호출해야 합니다.

0 commit comments

Comments
 (0)