Skip to content

Commit 5ca5f8c

Browse files
authored
docs: update separating-events-from-effects.md (#1405)
closes #1404 <!-- PR을 보내주셔서 감사합니다! 여러분과 같은 기여자들이 React를 더욱 멋지게 만듭니다! 기존 이슈와 관련된 PR이라면, 아래에 이슈 번호를 추가해주세요. --> # separating-events-from-effects 파일 수정 <!-- 어떤 종류의 PR인지 상세 내용을 작성해주세요. --> 페이지에서 번역이 빠진 부분들을 추가로 번역하였습니다. ## 필수 확인 사항 - [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>
1 parent 3f2366e commit 5ca5f8c

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/learn/separating-events-from-effects.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -400,7 +400,7 @@ label { display: block; margin-top: 10px; }
400400
401401
### Effect 이벤트 선언하기 {/*declaring-an-effect-event*/}
402402
403-
Use a special Hook called [`useEffectEvent`](/reference/react/useEffectEvent) to extract this non-reactive logic out of your Effect:
403+
[`useEffectEvent`](/reference/react/useEffectEvent)라는 특별한 Hook을 사용하여 Effect에서 비반응형 로직을 추출하세요.
404404
405405
```js {1,4-6}
406406
import { useEffect, useEffectEvent } from 'react';
@@ -572,7 +572,7 @@ Effect 이벤트가 이벤트 핸들러와 아주 비슷하다고 생각할 수
572572
573573
### Effect 이벤트로 최근 props와 state 읽기 {/*reading-latest-props-and-state-with-effect-events*/}
574574
575-
Effect Events let you fix many patterns where you might be tempted to suppress the dependency linter.
575+
Effect 이벤트는 의존성 린터를 억제하고 싶은 충동이 드는 많은 패턴을 해결할 수 있게 해줍니다.
576576
577577
예를 들어 페이지 방문을 기록하기 위한 Effect가 있다고 해보겠습니다.
578578
@@ -591,7 +591,7 @@ function Page() {
591591
function Page({ url }) {
592592
useEffect(() => {
593593
logVisit(url);
594-
}, []); // 🔴 React Hook useEffect has a missing dependency: 'url'
594+
}, []); // 🔴 React Hook useEffect의 의존성 'url'이 누락되었습니다.
595595
// ...
596596
}
597597
```
@@ -616,7 +616,7 @@ function Page({ url }) {
616616

617617
useEffect(() => {
618618
logVisit(url, numberOfItems);
619-
}, [url]); // 🔴 React Hook useEffect has a missing dependency: 'numberOfItems'
619+
}, [url]); // 🔴 React Hook useEffect의 의존성 'numberOfItems'가 누락되었습니다.
620620
// ...
621621
}
622622
```
@@ -713,7 +713,7 @@ function Page({ url }) {
713713
}
714714
```
715715
716-
We recommend **never suppressing the linter**.
716+
린터를 **절대로 억제하지 않는 것**을 권장합니다.
717717
718718
규칙을 억제하는 것의 첫 번째 단점은 코드에 추가한 새로운 반응형 의존성에 Effect가 "반응"해야 할 때 React가 더 이상 경고하지 않는다는 것입니다. 이전 예시에서는 React가 의존성에 `url`을 추가하라고 상기시켜 주었기 *때문에* 그렇게 했습니다. 린터를 억제하면 해당 Effect에 대한 향후 편집에 대해 이러한 알림을 더 이상 받지 않게 됩니다. 이는 버그로 이어집니다.
719719
@@ -850,7 +850,7 @@ body {
850850
851851
### Effect 이벤트의 한계 {/*limitations-of-effect-events*/}
852852
853-
Effect Events are very limited in how you can use them:
853+
Effect 이벤트는 사용 방법에 매우 제한적입니다.
854854
855855
* **Effect 내부에서만 호출하세요.**
856856
* **절대로 다른 컴포넌트나 Hook에 전달하지 마세요.**

0 commit comments

Comments
 (0)