Skip to content

Commit e9594ee

Browse files
authored
Fix minor language inconsistencies in use-memo.md
1 parent b89a0aa commit e9594ee

File tree

1 file changed

+6
-6
lines changed
  • src/content/reference/react-compiler/directives

1 file changed

+6
-6
lines changed

src/content/reference/react-compiler/directives/use-memo.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ titleForTitleTag: "'use memo' 지시어"
1111

1212
<Note>
1313

14-
대부분의 경우 `"use memo"`는 필요하지 않습니다. 이 지시어는 최적화 대상을 명시적으로 표시해야 하는 `annotation` 모드에서 주로 사용됩니다. `infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, 훅은 `use` 접두사)을 기반으로 컴포넌트와 훅을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 훅이 컴파일되지 않는다면, `"use memo"`로 강제로 컴파일하기 보다는 이름 규칙을 올바르게 수정해야 합니다.
14+
대부분의 경우 `"use memo"`는 필요하지 않습니다. 이 지시어는 최적화 대상을 명시적으로 표시해야 하는 `annotation` 모드에서 주로 사용됩니다. `infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, Hook은 `use` 접두사)을 기반으로 컴포넌트와 Hook을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 Hook이 컴파일되지 않는다면, `"use memo"`로 강제로 컴파일하기 보다는 이름 규칙을 올바르게 수정해야 합니다.
1515

1616
</Note>
1717

@@ -48,7 +48,7 @@ React 컴파일러를 사용하는 React 앱에서는, 빌드 시점에 함수
4848

4949
`"use memo"`는 기본 동작을 재정의하여 함수를 명시적으로 최적화 대상으로 표시합니다.
5050

51-
* `annotation` 모드: `"use memo"`가 선언된 함수만 최적화됩니다.
51+
* `annotation` 모드: `"use memo"`를 선언한 함수만 최적화합니다.
5252
* `infer` 모드: 컴파일러가 휴리스틱을 사용해 판단하지만, `"use memo"`를 사용하면 최적화를 강제합니다.
5353
* `all` 모드: 기본적으로 모든 코드가 최적화되므로, `"use memo"`는 불필요합니다.
5454

@@ -58,7 +58,7 @@ React 컴파일러를 사용하는 React 앱에서는, 빌드 시점에 함수
5858

5959
다음과 같은 경우에 `"use memo"` 사용을 고려할 수 있습니다.
6060

61-
#### annotation 모드를 사용하는 경우 {/*annotation-mode-use*/}
61+
#### `annotation` 모드를 사용하는 경우 {/*annotation-mode-use*/}
6262
`compilationMode: 'annotation'`에서는, 최적화하려는 모든 함수에 이 지시어를 반드시 선언해야 합니다.
6363

6464
```js
@@ -78,7 +78,7 @@ function SimpleWrapper() {
7878
먼저 `annotation` 모드로 시작한 뒤, 안정적인 컴포넌트부터 선택적으로 최적화하세요.
7979

8080
```js
81-
// 리프 컴포넌트부터 최적화 시작
81+
// 리프(Leaf) 컴포넌트부터 최적화 시작
8282
function Button({ onClick, children }) {
8383
"use memo";
8484
// ...
@@ -137,15 +137,15 @@ function simpleDisplay({ text }) {
137137
}
138138
```
139139

140-
`infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, 훅은 `use` 접두사)을 기반으로 컴포넌트와 훅을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 훅이 컴파일되지 않는다면, `"use memo"`를 사용해 강제로 컴파일하기 보다는 이름 규칙을 수정하는 것을 권장합니다.
140+
`infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, Hook은 `use` 접두사)을 기반으로 컴포넌트와 Hook을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 Hook이 컴파일되지 않는다면, `"use memo"`를 사용해 강제로 컴파일하기 보다는 이름 규칙을 수정하는 것을 권장합니다.
141141

142142
---
143143

144144
## 문제 해결 {/*troubleshooting*/}
145145

146146
### 최적화 여부 확인하기 {/*verifying-optimization*/}
147147

148-
컴포넌트가 최적화되었는지 확인하려면:
148+
컴포넌트가 최적화되었는지 확인하려면
149149

150150
1. 빌드 결과물에서 컴파일된 코드를 확인하세요.
151151
2. React DevTools에서 Memo ✨ 배지를 확인하세요.

0 commit comments

Comments
 (0)