Skip to content

Commit 4c30d2c

Browse files
committed
docs: update prefetchDNS.md
1 parent b883bdd commit 4c30d2c

File tree

1 file changed

+4
-13
lines changed

1 file changed

+4
-13
lines changed

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

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,6 @@
22
title: prefetchDNS
33
---
44

5-
<<<<<<< HEAD
6-
<Canary>
7-
8-
`prefetchDNS`는 현재 React의 카나리(Canary) 버전 및 실험 채널에서만 사용할 수 있습니다. 여기에서 [React의 릴리즈 채널](/community/versioning-policy#all-release-channels)에 대해 자세히 알아보십시오.
9-
10-
</Canary>
11-
12-
=======
13-
>>>>>>> b1a249d597016c6584e4c186daa28b180cc9aafc
145
<Intro>
156

167
`prefetchDNS`는 리소스를 가져올 것으로 예상하는 서버의 IP를 미리 조회할 수 있게 해줍니다.
@@ -41,9 +32,9 @@ function AppRoot() {
4132

4233
```
4334

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

46-
prefetchDNS는 브라우저에게 주어진 서버의 IP 주소를 조회해야 한다는 힌트를 제공합니다. 브라우저가 이를 수행하기로 선택하면 해당 서버에서 리소스를 로딩하는 속도가 빨라질 수 있습니다.
37+
`prefetchDNS` 브라우저에게 주어진 서버의 IP 주소를 조회해야 한다는 힌트를 제공합니다. 브라우저가 이를 수행하기로 선택하면 해당 서버에서 리소스를 로딩하는 속도가 빨라질 수 있습니다.
4738

4839
#### 매개변수 {/*parameters*/}
4940

@@ -57,7 +48,7 @@ prefetchDNS는 브라우저에게 주어진 서버의 IP 주소를 조회해야
5748

5849
* 동일한 서버에 대해 여러 번의 `prefetchDNS` 호출은 한 번의 호출과 동일한 효과를 갖습니다.
5950
* 브라우저에서는 `prefetchDNS`를 컴포넌트 렌더링할 때, Effect 내부, 이벤트 핸들러 등 모든 상황에서 호출할 수 있습니다.
60-
* 서버 사이드 렌더링 또는 서버 컴포넌트를 렌더링할 때, `prefetchDNS`는 컴포넌트를 렌더링하는 동안 또는 컴포넌트 렌더링에서 시작된 비동기 context 내에서 호출하는 경우에만 효과가 있습니다. 그 외의 호출은 무시됩니다.
51+
* 서버 사이드 렌더링 또는 서버 컴포넌트를 렌더링할 때, `prefetchDNS`는 컴포넌트를 렌더링하는 동안 또는 컴포넌트 렌더링에서 시작된 비동기 컨텍스트 내에서 호출하는 경우에만 효과가 있습니다. 그 외의 호출은 무시됩니다.
6152
* 필요한 특정 리소스를 알고 있다면, 리소스를 즉시 로딩할 수 있는 [다른 함수](/reference/react-dom/#resource-preloading-apis)를 호출할 수 있습니다.
6253
* 웹페이지 자체가 호스팅되는 동일한 서버를 미리 조회하는 것은 이점이 없습니다. 힌트가 주어진 시점에는 이미 조회가 완료되었기 때문입니다.
6354
* [`preconnect`](/reference/react-dom/preconnect)와 비교했을 때, `prefetchDNS` 는 여러 도메인에 대해 사전 연결을 시도하는 경우, 사전 연결의 오버헤드가 이점을 상쇄할 수 있다는 점에서 더 나을 수 있습니다.
@@ -81,7 +72,7 @@ function AppRoot() {
8172

8273
### 이벤트 핸들러에서 DNS 미리 가져오기 {/*prefetching-dns-in-an-event-handler*/}
8374

84-
외부 리소스가 필요한 페이지나 state로 전환하기 전에 이벤트 핸들러에서 `prefetchDNS`를 호출하세요. 이렇게 하면 새로운 페이지나 state를 렌더링할 때 호출하는 것보다 더 일찍 프로세스를 시작할 수 있습니다.
75+
외부 리소스가 필요한 페이지나 State로 전환하기 전에 이벤트 핸들러에서 `prefetchDNS`를 호출하세요. 이렇게 하면 새로운 페이지나 State를 렌더링할 때 호출하는 것보다 더 일찍 프로세스를 시작할 수 있습니다.
8576

8677
```js
8778
import { prefetchDNS } from 'react-dom';

0 commit comments

Comments
 (0)