`로 React가 myRef.current에 DOM Node를 대입하도록 지시할 수 있습니다.
-- 많은 경우 ref는 포커싱, 스크롤링, DOM 요소 크기 혹은 위치 측정 등 비 파괴적인 행동을 위해 사용됩니다.
-- 컴포넌트는 기본적으로 DOM 노드를 노출하지 않습니다. `forwardRef`와 두 번째 `ref` 인자를 특정 노드에 전달하는 것으로 선택적으로 노출할 수 있습니다.
-- React가 관리하는 DOM 노드를 직접 바꾸려 하지 마세요.
-- React가 관리하는 DOM 노드를 수정하려 한다면, React가 변경할 이유가 없는 부분만 수정하세요.
-
-- Ref는 일반적인 개념이지만, 대부분의 경우 DOM 요소를 저장하는 데 사용됩니다.
+- Ref는 일반적인 개념이지만, 대부분의 경우 DOM 요소를 저장하는 데 사용합니다.
- React에 `
`와 같이 작성하면, 해당 DOM 노드를 `myRef.current`에 넣도록 지시하는 것입니다.
-- 보통 ref는 DOM 요소에 포커스를 주거나, 스크롤하거나, 치수를 측정하는 등 DOM을 직접 변경하지 않고 상태를 유지하는 작업에 사용합니다.
-- 컴포넌트는 기본적으로 자신의 DOM 노드를 외부에 노출하지 않습니다. `ref` prop을 사용하여 DOM 노드를 노출하도록 선택할 수 있습니다.
+- 대부분의 경우, Ref는 DOM 요소에 포커스를 주거나, 스크롤하거나, 치수를 측정하는 등 DOM을 직접 변경하지 않고 상태를 유지하는 작업에 사용합니다.
+- 컴포넌트는 기본적으로 자신의 DOM 노드를 외부에 노출하지 않습니다. `ref` Prop을 사용하여 DOM 노드를 선택적으로 노출할 수 있습니다.
- React가 관리하는 DOM 노드를 직접 변경하는 것은 피하세요.
-- 꼭 React가 관리하는 DOM 노드를 수정해야 한다면, React가 업데이트할 이유가 없는 부분만 수정해야 합니다.
+- 불가피하게 React가 관리하는 DOM 노드를 수정해야 한다면, React가 업데이트할 이유가 없는 부분만 수정해야 합니다.
From 9698d16d7568701db6ca10a4c811ff0d9579a5e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=88=98=EC=97=B0=20=28SooYeon=20Choi=29?=
<87463004+sooyeoniya@users.noreply.github.com>
Date: Sat, 28 Jun 2025 18:14:37 +0900
Subject: [PATCH 007/368] docs: fix typo in
scaling-up-with-reducer-and-context.md (#1222)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
# 오타 수정
안녕하세요.
[Reducer와 Context로 앱
확장하기](https://ko.react.dev/learn/scaling-up-with-reducer-and-context)에
오타가 존재하여 수정했습니다.
```
- 2단계: State과 dispatch 함수를 context에 넣기
+ 2단계: State와 dispatch 함수를 context에 넣기
```
## 필수 확인 사항
- [x] [기여자 행동 강령 규약
Code of
Conduct](https://github.com/reactjs/ko.react.dev/blob/main/CODE_OF_CONDUCT.md)
- [x] [기여
가이드라인
Contributing](https://github.com/reactjs/ko.react.dev/blob/main/CONTRIBUTING.md)
- [x] [공통 스타일 가이드
Universal Style
Guide](https://github.com/reactjs/ko.react.dev/blob/main/wiki/universal-style-guide.md)
- [x] [번역을 위한 모범 사례
Best Practices for
Translation](https://github.com/reactjs/ko.react.dev/blob/main/wiki/best-practices-for-translation.md)
- [x] [번역 용어 정리
Translate
Glossary](https://github.com/reactjs/ko.react.dev/blob/main/wiki/translate-glossary.md)
- [x] [`textlint` 가이드
Textlint
Guide](https://github.com/reactjs/ko.react.dev/blob/main/wiki/textlint-guide.md)
- [x] [맞춤법 검사
Spelling
Check](https://nara-speller.co.kr/speller/)
## 선택 확인 사항
- [ ] 번역 초안 작성
Draft Translation
- [ ] 리뷰 반영
Resolve Reviews
---
src/content/learn/scaling-up-with-reducer-and-context.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/learn/scaling-up-with-reducer-and-context.md b/src/content/learn/scaling-up-with-reducer-and-context.md
index c0b5d162a..38c6f877f 100644
--- a/src/content/learn/scaling-up-with-reducer-and-context.md
+++ b/src/content/learn/scaling-up-with-reducer-and-context.md
@@ -450,7 +450,7 @@ ul, li { margin: 0; padding: 0; }
여기서는 두 context에 모두 기본값으로 `null`을 전달하고 있습니다. 실제 값은 `TaskApp` 컴포넌트에서 제공될 것입니다.
-### 2단계: State과 dispatch 함수를 context에 넣기 {/*step-2-put-state-and-dispatch-into-context*/}
+### 2단계: State와 dispatch 함수를 context에 넣기 {/*step-2-put-state-and-dispatch-into-context*/}
이제 `TaskApp` 컴포넌트에서 두 context를 모두 가져올 수 있습니다. `useReducer()`에서 반환된 `tasks` 및 `dispatch`를 가져와 아래 트리 전체에 [제공](/learn/passing-data-deeply-with-context#step-3-provide-the-context)하세요.
From 82f2863efa4e94ec7d2c0d75c1710fbf0cb312b9 Mon Sep 17 00:00:00 2001
From: Batuhan Tomo <91488737+Rekl0w@users.noreply.github.com>
Date: Sat, 28 Jun 2025 22:03:46 +0300
Subject: [PATCH 008/368] Fix #6915: typo fix (#6917)
From 741e8d94a540dddb1b55ffe9258d1a2ef0edf82b Mon Sep 17 00:00:00 2001
From: Kunall Banerjee <14703164+yeskunall@users.noreply.github.com>
Date: Sat, 28 Jun 2025 15:15:48 -0400
Subject: [PATCH 009/368] fix: update ids to point to right part of the docs
(#7854)
---
src/content/reference/rsc/directives.md | 2 +-
src/content/reference/rsc/server-components.md | 16 ++++++++--------
src/content/reference/rsc/use-client.md | 2 +-
3 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/content/reference/rsc/directives.md b/src/content/reference/rsc/directives.md
index c17bcf3a8..fe614fb27 100644
--- a/src/content/reference/rsc/directives.md
+++ b/src/content/reference/rsc/directives.md
@@ -10,7 +10,7 @@ Directives are for use in [React Server Components](/reference/rsc/server-compon
-Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
+Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#full-stack-frameworks).
diff --git a/src/content/reference/rsc/server-components.md b/src/content/reference/rsc/server-components.md
index 9e6ab11eb..f27fa8b86 100644
--- a/src/content/reference/rsc/server-components.md
+++ b/src/content/reference/rsc/server-components.md
@@ -4,7 +4,7 @@ title: Server Components
-Server Components are for use in [React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
+Server Components are for use in [React Server Components](/learn/start-a-new-react-project#full-stack-frameworks).
@@ -22,7 +22,7 @@ This separate environment is the "server" in React Server Components. Server Com
#### How do I build support for Server Components? {/*how-do-i-build-support-for-server-components*/}
-While React Server Components in React 19 are stable and will not break between minor versions, the underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
+While React Server Components in React 19 are stable and will not break between minor versions, the underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
To support React Server Components as a bundler or framework, we recommend pinning to a specific React version, or using the Canary release. We will continue working with bundlers and frameworks to stabilize the APIs used to implement React Server Components in the future.
@@ -45,7 +45,7 @@ function Page({page}) {
setContent(data.content);
});
}, [page]);
-
+
return
{sanitizeHtml(marked(content))}
;
}
```
@@ -69,7 +69,7 @@ import sanitizeHtml from 'sanitize-html'; // Not included in bundle
async function Page({page}) {
// NOTE: loads *during* render, when the app is built.
const content = await file.readFile(`${page}.md`);
-
+
return
{sanitizeHtml(marked(content))}
;
}
```
@@ -113,7 +113,7 @@ function Note({id}) {
setNote(data.note);
});
}, [id]);
-
+
return (
@@ -253,7 +253,7 @@ This works by first rendering `Notes` as a Server Component, and then instructin
this is the second note
-
+