wip

Author: lumirlumir

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

@@ -5,143 +5,143 @@ titleForTitleTag: "'use no memo' directive"
 
 <Intro>
 
-`"use no memo"` prevents a function from being optimized by React Compiler.
+`"use no memo"`는 React 컴파일러가 특정 함수를 최적화하지 않도록 합니다.
 
 </Intro>
 
 <InlineToc />
 
 ---
 
-## Reference {/*reference*/}
+## 레퍼런스 {/*reference*/}
 
 ### `"use no memo"` {/*use-no-memo*/}
 
-Add `"use no memo"` at the beginning of a function to prevent React Compiler optimization.
+React 컴파일러 최적화를 방지하려면 함수의 시작 부분에 `"use no memo"`를 추가하세요.
 
-```js {1}
+```js {2}
 function MyComponent() {
   "use no memo";
   // ...
 }
 ```
 
-When a function contains `"use no memo"`, the React Compiler will skip it entirely during optimization. This is useful as a temporary escape hatch when debugging or when dealing with code that doesn't work correctly with the compiler.
+함수에 `"use no memo"`가 포함되어 있으면 React 컴파일러는 최적화 중에 해당 함수를 완전히 건너뜁니다. 이것은 디버깅할 때나, 컴파일러와 제대로 동작하지 않는 코드를 다룰 때 임시 탈출구로 유용합니다.
 
-#### Caveats {/*caveats*/}
+#### 주의 사항 {/*caveats*/}
 
-* `"use no memo"` must be at the very beginning of a function body, before any imports or other code (comments are OK).
-* The directive must be written with double or single quotes, not backticks.
-* The directive must exactly match `"use no memo"` or its alias `"use no forget"`.
-* This directive takes precedence over all compilation modes and other directives.
-* It's intended as a temporary debugging tool, not a permanent solution.
+* `"use no memo"`는 import나 다른 코드보다 먼저 함수 본문의 맨 처음에 있어야 합니다. (주석은 괜찮습니다.)
+* 지시어는 백틱이 아닌 큰따옴표나 작은따옴표로 작성해야 합니다.
+* 지시어는 `"use no memo"` 또는 별칭인 `"use no forget"`과 정확히 일치해야 합니다.
+* 이 지시어는 모든 컴파일 모드와 다른 지시어보다 우선합니다.
+* 이것은 영구적인 해결책이 아닌 임시 디버깅 도구로 사용하기 위한 것입니다.
 
-### How `"use no memo"` opts-out of optimization {/*how-use-no-memo-opts-out*/}
+### `"use no memo"`가 최적화를 제외하는 방법 {/*how-use-no-memo-opts-out*/}
 
-React Compiler analyzes your code at build time to apply optimizations. `"use no memo"` creates an explicit boundary that tells the compiler to skip a function entirely.
+React 컴파일러는 빌드 시간에 코드를 분석하여 최적화를 적용합니다. `"use no memo"`는 컴파일러에게 함수를 완전히 건너뛰도록 알려주는 명시적인 경계를 만듭니다.
 
-This directive takes precedence over all other settings:
-* In `all` mode: The function is skipped despite the global setting
-* In `infer` mode: The function is skipped even if heuristics would optimize it
+이 지시어는 다른 모든 설정보다 우선합니다.
+* `all` 모드에서: 전역 설정에도 불구하고 함수를 건너뜁니다.
+* `infer` 모드에서: 휴리스틱이 최적화할 경우에도 함수를 건너뜁니다.
 
-The compiler treats these functions as if the React Compiler wasn't enabled, leaving them exactly as written.
+컴파일러는 React 컴파일러가 활성화되지 않은 것처럼 이러한 함수를 처리하여 작성된 그대로 유지합니다.
 
-### When to use `"use no memo"` {/*when-to-use*/}
+### `"use no memo"`를 사용해야 하는 경우 {/*when-to-use*/}
 
-`"use no memo"` should be used sparingly and temporarily. Common scenarios include:
+`"use no memo"`는 드물게 그리고 임시로 사용해야 합니다. 일반적인 시나리오는 다음과 같습니다.
 
-#### Debugging compiler issues {/*debugging-compiler*/}
-When you suspect the compiler is causing issues, temporarily disable optimization to isolate the problem:
+#### 컴파일러 문제 디버깅 {/*debugging-compiler*/}
+컴파일러가 문제를 일으키는 것으로 의심되면 문제를 분리하기 위해 일시적으로 최적화를 비활성화하세요.
 
 ```js
 function ProblematicComponent({ data }) {
-  "use no memo"; // TODO: Remove after fixing issue #123
+  "use no memo"; // TODO: 이슈 #123 수정 후 제거
 
-  // Rules of React violations that weren't statically detected
+  // 정적으로 감지되지 않은 React 규칙 위반
   // ...
 }
 ```
 
-#### Third-party library integration {/*third-party*/}
-When integrating with libraries that might not be compatible with the compiler:
+#### 서드 파티 라이브러리 통합 {/*third-party*/}
+컴파일러와 호환되지 않을 수 있는 라이브러리와 통합할 때 사용합니다.
 
 ```js
 function ThirdPartyWrapper() {
   "use no memo";
 
-  useThirdPartyHook(); // Has side effects that compiler might optimize incorrectly
+  useThirdPartyHook(); // 컴파일러가 잘못 최적화할 수 있는 사이드 이펙트가 있음
   // ...
 }
 ```
 
 ---
 
-## Usage {/*usage*/}
+## 사용법 {/*usage*/}
 
-The `"use no memo"` directive is placed at the beginning of a function body to prevent React Compiler from optimizing that function:
+`"use no memo"` 지시어는 React 컴파일러가 해당 함수를 최적화하지 않도록 함수 본문의 시작 부분에 배치합니다.
 
 ```js
 function MyComponent() {
   "use no memo";
-  // Function body
+  // 함수 본문
 }
 ```
 
-The directive can also be placed at the top of a file to affect all functions in that module:
+지시어는 해당 모듈의 모든 함수에 영향을 미치도록 파일 상단에 배치할 수도 있습니다.
 
 ```js
 "use no memo";
 
-// All functions in this file will be skipped by the compiler
+// 이 파일의 모든 함수는 컴파일러에 의해 건너뛰어집니다
 ```
 
-`"use no memo"` at the function level overrides the module level directive.
+함수 수준의 `"use no memo"`는 모듈 수준의 지시어를 재정의합니다.
 
 ---
 
-## Troubleshooting {/*troubleshooting*/}
+## 문제 해결 {/*troubleshooting*/}
 
-### Directive not preventing compilation {/*not-preventing*/}
+### 지시어가 컴파일을 방지하지 않는 경우 {/*not-preventing*/}
 
-If `"use no memo"` isn't working:
+`"use no memo"`가 작동하지 않는 경우입니다.
 
 ```js
-// ❌ Wrong - directive after code
+// ❌ 잘못된 예 - 코드 뒤에 지시어
 function Component() {
   const data = getData();
-  "use no memo"; // Too late!
+  "use no memo"; // 너무 늦음!
 }
 
-// ✅ Correct - directive first
+// ✅ 올바른 예 - 지시어가 먼저
 function Component() {
   "use no memo";
   const data = getData();
 }
 ```
 
-Also check:
-* Spelling - must be exactly `"use no memo"`
-* Quotes - must use single or double quotes, not backticks
+다음도 확인하세요.
+* 철자 - `"use no memo"`와 정확히 일치해야 합니다.
+* 따옴표 - 백틱이 아닌 작은따옴표나 큰따옴표를 사용해야 합니다.
 
-### Best practices {/*best-practices*/}
+### 모범 사례 {/*best-practices*/}
 
-**Always document why** you're disabling optimization:
+최적화를 비활성화하는 **이유를 항상 문서화하세요**.
 
 ```js
-// ✅ Good - clear explanation and tracking
+// ✅ 좋은 예 - 명확한 설명과 추적
 function DataProcessor() {
-  "use no memo"; // TODO: Remove after fixing rule of react violation
+  "use no memo"; // TODO: React 규칙 위반 수정 후 제거
   // ...
 }
 
-// ❌ Bad - no explanation
+// ❌ 나쁜 예 - 설명 없음
 function Mystery() {
   "use no memo";
   // ...
 }
 ```
 
-### See also {/*see-also*/}
+### 참고 {/*see-also*/}
 
-* [`"use memo"`](/reference/react-compiler/directives/use-memo) - Opt into compilation
-* [React Compiler](/learn/react-compiler) - Getting started guide
+* [`"use memo"`](/reference/react-compiler/directives/use-memo) - 컴파일에 포함하기
+* [React 컴파일러](/learn/react-compiler) - 시작 가이드