diff --git a/src/content/reference/react/useImperativeHandle.md b/src/content/reference/react/useImperativeHandle.md index 48acd6120..af9c92443 100644 --- a/src/content/reference/react/useImperativeHandle.md +++ b/src/content/reference/react/useImperativeHandle.md @@ -170,9 +170,9 @@ input { --- -### 사용자 정의 Imperative 메서드 노출 {/*exposing-your-own-imperative-methods*/} +### 사용자 정의 명령형 메서드 노출 {/*exposing-your-own-imperative-methods*/} -Imperative Handle을 통해 노출하는 메서드는 DOM 메서드와 정확하게 일치할 필요가 없습니다. 예를 들어, 이 `Post` 컴포넌트는 Imperative Handle을 통해 `scrollAndFocusAddComment` 메서드를 표시합니다. 이렇게 하면 부모 `Page`에서 버튼을 클릭할 때 댓글 목록을 스크롤하고 입력 필드에 초점을 맞출 수 있습니다. +`Imperative Handle`을 통해 노출하는 메서드는 DOM 메서드와 정확하게 일치할 필요가 없습니다. 예를 들어, 이 `Post` 컴포넌트는 `Imperative Handle`을 통해 `scrollAndFocusAddComment` 메서드를 표시합니다. 이렇게 하면 부모 `Page`에서 버튼을 클릭할 때 댓글 목록을 스크롤하고 입력 필드에 초점을 맞출 수 있습니다. @@ -287,5 +287,5 @@ export default AddComment; **Ref를 과도하게 사용하지 마세요.** Ref는 Props로 표현할 수 없는 필수적인 행동에만 사용해야 합니다. 예를 들어 특정 노드로 스크롤 하기, 노드에 초점 맞추기, 애니메이션 실행하기, 텍스트 선택하기 등이 있습니다. -**Prop으로 표현할 수 있는 것에 Ref를 사용하지 마세요.** 예를 들어 `Modal` 컴포넌트에서 `{ open, close }`와 같은 Imperative Handle을 노출하는 대신 ``과 같은 `isOpen` Prop을 사용하는 것이 더 좋습니다. [Effect](/learn/synchronizing-with-effects)를 사용하면 Prop을 통해 명령형 동작Imperative Behavior을 노출할 수 있습니다. +**Prop으로 표현할 수 있는 것에 Ref를 사용하지 마세요.** 예를 들어 `Modal` 컴포넌트에서 `{ open, close }`와 같은 `Imperative Handle`을 노출하는 대신 ``과 같은 `isOpen` Prop을 사용하는 것이 더 좋습니다. [Effect](/learn/synchronizing-with-effects)를 사용하면 Prop을 통해 명령형 동작Imperative Behavior을 노출할 수 있습니다. diff --git a/textlint/data/rules/translateGlossary.js b/textlint/data/rules/translateGlossary.js index d44817b4c..b2c544d2c 100644 --- a/textlint/data/rules/translateGlossary.js +++ b/textlint/data/rules/translateGlossary.js @@ -603,6 +603,24 @@ module.exports = { note: '', }, }, + { + sources: [/\bUsage\b/], + target: '사용법', + meta: { + term: 'Usage', + discussions: [1425], + note: '', + }, + }, + { + sources: [/\bImperative\b/], + target: '명령형', + meta: { + term: 'Imperative', + discussions: [1425], + note: '', + }, + }, ], }, // untranslated: { diff --git a/wiki/translate-glossary.md b/wiki/translate-glossary.md index 613efd129..f62a8119c 100644 --- a/wiki/translate-glossary.md +++ b/wiki/translate-glossary.md @@ -79,4 +79,6 @@ Caveats|`/\bCaveats?\b/`, `/주의사항/`|주의 사항|[#1095](https://github. Logic|`/\bLogic\b/`|로직|[#695](https://github.com/reactjs/ko.react.dev/issues/695)|| Dependency|`/\bDependenc(?:y\|ies)\b/`|의존성|[#841](https://github.com/reactjs/ko.react.dev/issues/841)|| Directive|`/\bDirectives?\b/`|지시어|[#819](https://github.com/reactjs/ko.react.dev/issues/819)|| +Usage|`/\bUsage\b/`|사용법|[#1425](https://github.com/reactjs/ko.react.dev/issues/1425)|| +Imperative|`/\bImperative\b/`|명령형|[#1425](https://github.com/reactjs/ko.react.dev/issues/1425)||