Skip to content

Commit c53dfca

Browse files
authored
docs: translate Recap in manipulating-the-dom-with-refs (#1190)
# Ref로 DOM 조작하기 번역안된 영문 한글로 번역 리액트 공식문서 Ref로 DOM조작하기 요약부분에 번역 안된 영문을 한글로 번역하였습니다. 페이지 링크(https://ko.react.dev/learn/manipulating-the-dom-with-refs) ## 필수 확인 사항 - [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>
1 parent e8668e3 commit c53dfca

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/learn/manipulating-the-dom-with-refs.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -656,12 +656,12 @@ DOM 요소를 직접 삭제한 뒤 `setState`를 사용하여 다시 DOM 노드
656656
- React가 관리하는 DOM 노드를 직접 바꾸려 하지 마세요.
657657
- React가 관리하는 DOM 노드를 수정하려 한다면, React가 변경할 이유가 없는 부분만 수정하세요.
658658

659-
- Refs are a generic concept, but most often you'll use them to hold DOM elements.
660-
- You instruct React to put a DOM node into `myRef.current` by passing `<div ref={myRef}>`.
661-
- Usually, you will use refs for non-destructive actions like focusing, scrolling, or measuring DOM elements.
662-
- A component doesn't expose its DOM nodes by default. You can opt into exposing a DOM node by using the `ref` prop.
663-
- Avoid changing DOM nodes managed by React.
664-
- If you do modify DOM nodes managed by React, modify parts that React has no reason to update.
659+
- Ref는 일반적인 개념이지만, 대부분의 경우 DOM 요소를 저장하는 데 사용됩니다.
660+
- React에 `<div ref={myRef}>`와 같이 작성하면, 해당 DOM 노드를 `myRef.current`에 넣도록 지시하는 것입니다.
661+
- 보통 ref는 DOM 요소에 포커스를 주거나, 스크롤하거나, 치수를 측정하는 등 DOM을 직접 변경하지 않고 상태를 유지하는 작업에 사용합니다.
662+
- 컴포넌트는 기본적으로 자신의 DOM 노드를 외부에 노출하지 않습니다. `ref` prop을 사용하여 DOM 노드를 노출하도록 선택할 수 있습니다.
663+
- React가 관리하는 DOM 노드를 직접 변경하는 것은 피하세요.
664+
- 꼭 React가 관리하는 DOM 노드를 수정해야 한다면, React가 업데이트할 이유가 없는 부분만 수정해야 합니다.
665665

666666
</Recap>
667667

0 commit comments

Comments
 (0)