Skip to content

Commit 0b6d823

Browse files
jaem0629lumirlumir
andauthored
docs: update synchronizing-with-effects.md (#1393)
close #1392 <!-- PR을 보내주셔서 감사합니다! 여러분과 같은 기여자들이 React를 더욱 멋지게 만듭니다! 기존 이슈와 관련된 PR이라면, 아래에 이슈 번호를 추가해주세요. --> # synchronizing-with-effects.md 수정 및 추가 번역 <!-- 어떤 종류의 PR인지 상세 내용을 작성해주세요. --> 원문과 다른 부분을 수정하고, 번역이 빠진 부분을 추가 번역하였습니다. 추가로 cacheSignal.md 파일에 textlint 문제가 생겨 함께 개선하였습니다. ## 필수 확인 사항 - [x] [기여자 행동 강령 규약<sup>Code of Conduct</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CODE_OF_CONDUCT.md) - [x] [기여 가이드라인<sup>Contributing</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CONTRIBUTING.md) - [x] [공통 스타일 가이드<sup>Universal Style Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/universal-style-guide.md) - [x] [번역을 위한 모범 사례<sup>Best Practices for Translation</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/best-practices-for-translation.md) - [x] [번역 용어 정리<sup>Translate Glossary</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/translate-glossary.md) - [x] [`textlint` 가이드<sup>Textlint Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/textlint-guide.md) - [x] [맞춤법 검사<sup>Spelling Check</sup>](https://nara-speller.co.kr/speller/) ## 선택 확인 사항 - [ ] 번역 초안 작성<sup>Draft Translation</sup> - [ ] 리뷰 반영<sup>Resolve Reviews</sup> --------- Co-authored-by: Jaem <91131509+DarkChocoJaem@users.noreply.github.com> Co-authored-by: 루밀LuMir <rpfos@naver.com>
1 parent 6b6ccfa commit 0b6d823

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/content/learn/synchronizing-with-effects.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -441,7 +441,7 @@ function VideoPlayer({ src, isPlaying }) {
441441
}, [isPlaying]);
442442
```
443443
444-
이것은 `ref` 객체가 *안정된 식별성(stable identity)*을 가지기 때문입니다. React는 동일한 `useRef` 호출에서 항상 [같은 객체를 얻을 수 있음을](/reference/react/useRef#returns) 보장합니다. 이 객체는 절대 변경되지 않기 때문에 자체적으로 Effect를 다시 실행시키지 않습니다. 따라서 `ref`는 의존성 배열에 포함하든 포함하지 않든 상관없습니다. 포함해도 문제없습니다.
444+
이것은 `ref` 객체가 <em>안정된 식별성(stable identity)</em>을 가지기 때문입니다. React는 동일한 `useRef` 호출에서 항상 [같은 객체를 얻을 수 있음을](/reference/react/useRef#returns) 보장합니다. 이 객체는 절대 변경되지 않기 때문에 자체적으로 Effect를 다시 실행시키지 않습니다. 따라서 `ref`는 의존성 배열에 포함하든 포함하지 않든 상관없습니다. 포함해도 문제없습니다.
445445
446446
```js {9}
447447
function VideoPlayer({ src, isPlaying }) {
@@ -617,7 +617,7 @@ Effect가 개발 모드에서 두 번 실행되는 것을 막으려다 흔히
617617
618618
이렇게 하면 개발 모드에서 `"✅ 연결 중..."`이 한 번만 보이지만 버그가 수정된 건 아닙니다.
619619
620-
When the user navigates away, the connection still isn't closed and when they navigate back, a new connection is created. As the user navigates across the app, the connections would keep piling up, the same as it would before the "fix".
620+
사용자가 다른 페이지로 이동해도 연결은 여전히 닫히지 않고, 다시 돌아오면 새 연결이 생성됩니다. 사용자가 앱을 탐색할수록 연결이 계속 쌓이게 되는데, 이는 "수정" 전과 동일합니다.
621621
622622
버그를 수정하기 위해선 Effect를 단순히 한 번만 실행되도록 만드는 것으로는 부족합니다. Effect는 위에 있는 예시가 연결을 클린업 한것처럼 다시 마운트된 이후에도 제대로 동작해야 합니다.
623623

src/content/reference/react/cacheSignal.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ React가 렌더링을 완료하면 `AbortSignal`이 중단됩니다. 이를 통
4949

5050
`cacheSignal`은 렌더링 중에 호출되면 `AbortSignal`을 반환합니다. 그 외의 경우에 `cacheSignal()``null`을 반환합니다.
5151

52-
#### 주의사항 {/*caveats*/}
52+
#### 주의 사항 {/*caveats*/}
5353

5454
- `cacheSignal`은 현재 [React 서버 컴포넌트](/reference/rsc/server-components)에서만 사용할 수 있습니다. 클라이언트 컴포넌트에서는 항상 `null`을 반환합니다. 향후 클라이언트 캐시가 갱신되거나 무효화될 때 클라이언트 컴포넌트에서도 사용될 예정입니다. 클라이언트에서 항상 `null`을 반환한다고 가정하면 안 됩니다.
5555
- 렌더링 외부에서 호출하면 `cacheSignal``null`을 반환하여 현재 스코프가 영원히 캐시되지 않음을 명확히 합니다.

0 commit comments

Comments
 (0)