You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
대부분의 경우 `"use memo"`는 필요하지 않습니다. 이 지시어는 최적화 대상을 명시적으로 표시해야 하는 `annotation` 모드에서 주로 사용됩니다. `infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, 훅은`use` 접두사)을 기반으로 컴포넌트와 훅을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 훅이 컴파일되지 않는다면, `"use memo"`로 강제로 컴파일하기 보다는 이름 규칙을 올바르게 수정해야 합니다.
14
+
대부분의 경우 `"use memo"`는 필요하지 않습니다. 이 지시어는 최적화 대상을 명시적으로 표시해야 하는 `annotation` 모드에서 주로 사용됩니다. `infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, Hook은`use` 접두사)을 기반으로 컴포넌트와 Hook을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 Hook이 컴파일되지 않는다면, `"use memo"`로 강제로 컴파일하기 보다는 이름 규칙을 올바르게 수정해야 합니다.
15
15
16
16
</Note>
17
17
@@ -48,7 +48,7 @@ React 컴파일러를 사용하는 React 앱에서는, 빌드 시점에 함수
48
48
49
49
`"use memo"`는 기본 동작을 재정의하여 함수를 명시적으로 최적화 대상으로 표시합니다.
50
50
51
-
*`annotation` 모드: `"use memo"`가 선언된 함수만 최적화됩니다.
51
+
*`annotation` 모드: `"use memo"`를 선언한 함수만 최적화합니다.
52
52
*`infer` 모드: 컴파일러가 휴리스틱을 사용해 판단하지만, `"use memo"`를 사용하면 최적화를 강제합니다.
53
53
*`all` 모드: 기본적으로 모든 코드가 최적화되므로, `"use memo"`는 불필요합니다.
54
54
@@ -58,7 +58,7 @@ React 컴파일러를 사용하는 React 앱에서는, 빌드 시점에 함수
58
58
59
59
다음과 같은 경우에 `"use memo"` 사용을 고려할 수 있습니다.
60
60
61
-
#### annotation 모드를 사용하는 경우 {/*annotation-mode-use*/}
61
+
#### `annotation` 모드를 사용하는 경우 {/*annotation-mode-use*/}
62
62
`compilationMode: 'annotation'`에서는, 최적화하려는 모든 함수에 이 지시어를 반드시 선언해야 합니다.
63
63
64
64
```js
@@ -78,7 +78,7 @@ function SimpleWrapper() {
78
78
먼저 `annotation` 모드로 시작한 뒤, 안정적인 컴포넌트부터 선택적으로 최적화하세요.
79
79
80
80
```js
81
-
// 리프 컴포넌트부터 최적화 시작
81
+
// 리프(Leaf) 컴포넌트부터 최적화 시작
82
82
functionButton({ onClick, children }) {
83
83
"use memo";
84
84
// ...
@@ -137,15 +137,15 @@ function simpleDisplay({ text }) {
137
137
}
138
138
```
139
139
140
-
`infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, 훅은`use` 접두사)을 기반으로 컴포넌트와 훅을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 훅이 컴파일되지 않는다면, `"use memo"`를 사용해 강제로 컴파일하기 보다는 이름 규칙을 수정하는 것을 권장합니다.
140
+
`infer` 모드에서는 컴파일러가 이름 규칙(컴포넌트는 PascalCase, Hook은`use` 접두사)을 기반으로 컴포넌트와 Hook을 자동으로 감지합니다. `infer` 모드에서 컴포넌트나 Hook이 컴파일되지 않는다면, `"use memo"`를 사용해 강제로 컴파일하기 보다는 이름 규칙을 수정하는 것을 권장합니다.
0 commit comments