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/reference/react-dom/server/renderToNodeStream.md
+20-21
Original file line number
Diff line number
Diff line change
@@ -4,13 +4,13 @@ title: renderToNodeStream
4
4
5
5
<Deprecated>
6
6
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)을 사용하세요.
8
8
9
9
</Deprecated>
10
10
11
11
<Intro>
12
12
13
-
`renderToNodeStream` renders a React tree to a [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
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)을 가져옵니다.
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을 상호작용 가능하도록 만드세요.
39
39
40
-
[See more examples below.](#usage)
40
+
[아래 예시를 참고하세요.](#usage)
41
41
42
-
#### Parameters {/*parameters*/}
42
+
#### 매개변수 {/*parameters*/}
43
43
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*/}
45
46
46
-
#### Returns {/*returns*/}
47
+
HTML 문자열을 출력하는 [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)를 반환합니다.
47
48
48
-
A [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) that outputs an HTML string.
49
+
#### 주의 사항 {/*caveats*/}
49
50
50
-
#### Caveats {/*caveats*/}
51
+
* 이 메서드는 출력물을 반환하기 전에 모든 [Suspense boundaries](/reference/react/Suspense))가 완료될 때까지 대기합니다.
51
52
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)으로 마이그레이션할 것을 권장합니다.
53
54
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)와 같은 프로젝트를 살펴보세요.
57
56
58
57
---
59
58
60
-
## Usage {/*usage*/}
59
+
## 사용법 {/*usage*/}
61
60
62
-
### Rendering a React tree as HTML to a Node.js Readable Stream {/*rendering-a-react-tree-as-html-to-a-nodejs-readable-stream*/}
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)을 가져옵니다.
//The route handler syntax depends on your backend framework
68
+
//라우트 핸들러 구문은 백엔드 프레임워크에 따라 다릅니다.
70
69
app.use('/', (request, response) => {
71
70
conststream=renderToNodeStream(<App />);
72
71
stream.pipe(response);
73
72
});
74
73
```
75
74
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