From fe344b663abcaf12ed58ff7d0e50fd01cc8aab33 Mon Sep 17 00:00:00 2001 From: minjeoong Date: Tue, 22 Jul 2025 17:21:12 +0900 Subject: [PATCH 1/5] docs: translate resource-preloading-apis section --- src/content/reference/react-dom/index.md | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 8d3e7d205..58c9e2d83 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -19,17 +19,24 @@ title: React DOM APIs ## Resource Preloading APIs {/*resource-preloading-apis*/} -These APIs can be used to make apps faster by pre-loading resources such as scripts, stylesheets, and fonts as soon as you know you need them, for example before navigating to another page where the resources will be used. +다음 API는 스크립트, 스타일시트, 글꼴과 같은 리소스를 미리 로드하여 앱 속도를 개선하는데 사용할 수 있습니다. 예를 들어 특정 리소스가 사용될 다른 페이지로 이동하기 전에 리소스를 미리 불러올 수 있습니다. -[React-based frameworks](/learn/start-a-new-react-project) frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework's documentation for details. +[React 기반 프레임워크](/learn/start-a-new-react-project) +에서는 일반적으로 리소스 로딩을 자동으로 처리해주기 때문에 직접 API를 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. * [`preconnect`](/reference/react-dom/preconnect) lets you connect to a server you expect to request resources from, even if you don't know what resources you'll need yet. -* [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to. + 를 사용하면 어떤 리소스가 필요한지 모르더라도 리소스를 요청할 것으로 예상되는 서버와 미리 연결할 수 있습니다. +* * [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to. + 를 사용하면 접속할 가능성이 있는 DNS 도메인의 IP 주소를 미리 조회할 수 있습니다. * [`preinit`](/reference/react-dom/preinit) lets you fetch and evaluate an external script or fetch and insert a stylesheet. + 을 사용하면 외부 스크립트나 스타일시트를 미리 가져오고 실행할 수 있습니다. * [`preinitModule`](/reference/react-dom/preinitModule) lets you fetch and evaluate an ESM module. + 을 사용하면 외부 ESM 모듈을 미리 가져오고 평가(evaluate)할 수 있게 해줍니다. * [`preload`](/reference/react-dom/preload) lets you fetch a stylesheet, font, image, or external script that you expect to use. + 를 사용하면 스타일시트, 글꼴, 이미지 또는 외부 스크립트 같은 리소스를 미리 가져올 수 있습니다. * [`preloadModule`](/reference/react-dom/preloadModule) lets you fetch an ESM module that you expect to use. - + 을 사용하면 사용할 ESM 모듈을 미리 가져올 수 있습니다. +* --- ## 진입점 {/*entry-points*/} From f2e6c914483c158956acc3749dcc33adbd9501e4 Mon Sep 17 00:00:00 2001 From: minjeoong Date: Tue, 22 Jul 2025 18:19:25 +0900 Subject: [PATCH 2/5] preflad-api-1243 --- src/content/reference/react-dom/index.md | 30 ++++++++++-------------- 1 file changed, 12 insertions(+), 18 deletions(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 58c9e2d83..b9ceb57e8 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -19,24 +19,18 @@ title: React DOM APIs ## Resource Preloading APIs {/*resource-preloading-apis*/} -다음 API는 스크립트, 스타일시트, 글꼴과 같은 리소스를 미리 로드하여 앱 속도를 개선하는데 사용할 수 있습니다. 예를 들어 특정 리소스가 사용될 다른 페이지로 이동하기 전에 리소스를 미리 불러올 수 있습니다. - -[React 기반 프레임워크](/learn/start-a-new-react-project) -에서는 일반적으로 리소스 로딩을 자동으로 처리해주기 때문에 직접 API를 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. - -* [`preconnect`](/reference/react-dom/preconnect) lets you connect to a server you expect to request resources from, even if you don't know what resources you'll need yet. - 를 사용하면 어떤 리소스가 필요한지 모르더라도 리소스를 요청할 것으로 예상되는 서버와 미리 연결할 수 있습니다. -* * [`prefetchDNS`](/reference/react-dom/prefetchDNS) lets you prefetch the IP address of a DNS domain name that you expect to connect to. - 를 사용하면 접속할 가능성이 있는 DNS 도메인의 IP 주소를 미리 조회할 수 있습니다. -* [`preinit`](/reference/react-dom/preinit) lets you fetch and evaluate an external script or fetch and insert a stylesheet. - 을 사용하면 외부 스크립트나 스타일시트를 미리 가져오고 실행할 수 있습니다. -* [`preinitModule`](/reference/react-dom/preinitModule) lets you fetch and evaluate an ESM module. - 을 사용하면 외부 ESM 모듈을 미리 가져오고 평가(evaluate)할 수 있게 해줍니다. -* [`preload`](/reference/react-dom/preload) lets you fetch a stylesheet, font, image, or external script that you expect to use. - 를 사용하면 스타일시트, 글꼴, 이미지 또는 외부 스크립트 같은 리소스를 미리 가져올 수 있습니다. -* [`preloadModule`](/reference/react-dom/preloadModule) lets you fetch an ESM module that you expect to use. - 을 사용하면 사용할 ESM 모듈을 미리 가져올 수 있습니다. -* +아래 API는 스크립트, 스타일시트, 글꼴과 같은 리소스를 미리 로드하여 앱 속도를 개선하는데 사용할 수 있습니다. 예를 들어 특정 리소스가 사용될 다른 페이지로 이동하기 전에 리소스를 미리 불러올 수 있습니다. + +[React 기반 프레임워크](/learn/start-a-new-react-project) 에서는 일반적으로 리소스 로딩을 자동으로 처리해주기 때문에 API를 직접 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. + +* [`preconnect`](/reference/react-dom/preconnect) 를 사용하면 어떤 리소스가 필요한지 모르더라도 리소스를 요청할 것으로 예상되는 서버와 미리 연결할 수 있습니다. +* [`prefetchDNS`](/reference/react-dom/prefetchDNS) 를 사용하면 접속할 가능성이 있는 DNS 도메인의 IP 주소를 미리 조회할 수 있습니다. +* [`preinit`](/reference/react-dom/preinit) 을 사용하면 외부 스크립트나 스타일시트를 미리 가져오고 실행할 수 있습니다. +* [`preinitModule`](/reference/react-dom/preinitModule) 을 사용하면 외부 ESM 모듈을 미리 가져오고 평가(evaluate)할 수 있게 해줍니다. +* [`preload`](/reference/react-dom/preload) 를 사용하면 스타일시트, 글꼴, 이미지 또는 외부 스크립트 같은 리소스를 미리 가져올 수 있습니다. +* [`preloadModule`](/reference/react-dom/preloadModule) 을 사용하면 사용할 ESM 모듈을 미리 가져올 수 있습니다. + + --- ## 진입점 {/*entry-points*/} From daceef61b7fd8a0c38af656563639b368b2bec2f Mon Sep 17 00:00:00 2001 From: minjeoong Date: Tue, 22 Jul 2025 18:31:32 +0900 Subject: [PATCH 3/5] docs: fix typos and correct spelling --- src/content/reference/react-dom/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index b9ceb57e8..a99eaef58 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -19,9 +19,9 @@ title: React DOM APIs ## Resource Preloading APIs {/*resource-preloading-apis*/} -아래 API는 스크립트, 스타일시트, 글꼴과 같은 리소스를 미리 로드하여 앱 속도를 개선하는데 사용할 수 있습니다. 예를 들어 특정 리소스가 사용될 다른 페이지로 이동하기 전에 리소스를 미리 불러올 수 있습니다. +아래 API는 스크립트, 스타일시트, 글꼴과 같은 리소스를 미리 로드하여 앱 속도를 개선하는 데 사용할 수 있습니다. 예를 들어 특정 리소스가 사용될 다른 페이지로 이동하기 전에 리소스를 미리 불러올 수 있습니다. -[React 기반 프레임워크](/learn/start-a-new-react-project) 에서는 일반적으로 리소스 로딩을 자동으로 처리해주기 때문에 API를 직접 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. +[React 기반 프레임워크](/learn/start-a-new-react-project) 에서는 일반적으로 리소스 로딩을 자동으로 처리해 주기 때문에 API를 직접 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. * [`preconnect`](/reference/react-dom/preconnect) 를 사용하면 어떤 리소스가 필요한지 모르더라도 리소스를 요청할 것으로 예상되는 서버와 미리 연결할 수 있습니다. * [`prefetchDNS`](/reference/react-dom/prefetchDNS) 를 사용하면 접속할 가능성이 있는 DNS 도메인의 IP 주소를 미리 조회할 수 있습니다. From cdf19613a43aa3ef0cb8d8e2a1267e8dc99a464c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Thu, 24 Jul 2025 16:04:54 +0900 Subject: [PATCH 4/5] Update index.md --- src/content/reference/react-dom/index.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index a99eaef58..476b1ff06 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -21,14 +21,14 @@ title: React DOM APIs 아래 API는 스크립트, 스타일시트, 글꼴과 같은 리소스를 미리 로드하여 앱 속도를 개선하는 데 사용할 수 있습니다. 예를 들어 특정 리소스가 사용될 다른 페이지로 이동하기 전에 리소스를 미리 불러올 수 있습니다. -[React 기반 프레임워크](/learn/start-a-new-react-project) 에서는 일반적으로 리소스 로딩을 자동으로 처리해 주기 때문에 API를 직접 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. - -* [`preconnect`](/reference/react-dom/preconnect) 를 사용하면 어떤 리소스가 필요한지 모르더라도 리소스를 요청할 것으로 예상되는 서버와 미리 연결할 수 있습니다. -* [`prefetchDNS`](/reference/react-dom/prefetchDNS) 를 사용하면 접속할 가능성이 있는 DNS 도메인의 IP 주소를 미리 조회할 수 있습니다. -* [`preinit`](/reference/react-dom/preinit) 을 사용하면 외부 스크립트나 스타일시트를 미리 가져오고 실행할 수 있습니다. -* [`preinitModule`](/reference/react-dom/preinitModule) 을 사용하면 외부 ESM 모듈을 미리 가져오고 평가(evaluate)할 수 있게 해줍니다. -* [`preload`](/reference/react-dom/preload) 를 사용하면 스타일시트, 글꼴, 이미지 또는 외부 스크립트 같은 리소스를 미리 가져올 수 있습니다. -* [`preloadModule`](/reference/react-dom/preloadModule) 을 사용하면 사용할 ESM 모듈을 미리 가져올 수 있습니다. +[React 기반 프레임워크](/learn/start-a-new-react-project)에서는 일반적으로 리소스 로딩을 자동으로 처리해 주기 때문에 API를 직접 호출하지 않아도 됩니다. 자세한 내용은 사용하는 프레임워크의 문서를 참고하세요. + +* [`preconnect`](/reference/react-dom/preconnect)를 사용하면 어떤 리소스가 필요한지 모르더라도 리소스를 요청할 것으로 예상되는 서버와 미리 연결할 수 있습니다. +* [`prefetchDNS`](/reference/react-dom/prefetchDNS)를 사용하면 접속할 가능성이 있는 DNS 도메인의 IP 주소를 미리 조회할 수 있습니다. +* [`preinit`](/reference/react-dom/preinit)을 사용하면 외부 스크립트나 스타일시트를 미리 가져오고 실행할 수 있습니다. +* [`preinitModule`](/reference/react-dom/preinitModule)을 사용하면 외부 ESM 모듈을 미리 가져오고 평가Evaluate할 수 있게 해줍니다. +* [`preload`](/reference/react-dom/preload)를 사용하면 스타일시트, 글꼴, 이미지 또는 외부 스크립트 같은 리소스를 미리 가져올 수 있습니다. +* [`preloadModule`](/reference/react-dom/preloadModule)을 사용하면 사용할 ESM 모듈을 미리 가져올 수 있습니다. --- From 75996fd1076e0219fbe2bc14329a198f988d7b81 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Thu, 24 Jul 2025 16:05:37 +0900 Subject: [PATCH 5/5] Update index.md --- src/content/reference/react-dom/index.md | 1 - 1 file changed, 1 deletion(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 476b1ff06..8f370c67c 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -30,7 +30,6 @@ title: React DOM APIs * [`preload`](/reference/react-dom/preload)를 사용하면 스타일시트, 글꼴, 이미지 또는 외부 스크립트 같은 리소스를 미리 가져올 수 있습니다. * [`preloadModule`](/reference/react-dom/preloadModule)을 사용하면 사용할 ESM 모듈을 미리 가져올 수 있습니다. - --- ## 진입점 {/*entry-points*/}