Skip to content

Commit d4f4de7

Browse files
authored
Improve clarity of Korean text in blog post
Updated Korean text for clarity and consistency in the blog post.
1 parent 6249e3f commit d4f4de7

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11485,11 +11485,11 @@ Activity가 <CodeStep step={1}>visible</CodeStep>하면 정상적으로 렌더
1148511485

1148611486
<Note>
1148711487

11488-
**Activity가 숨겨져 있으면 Effect는 마운트되지 않습니다.**
11488+
**Activity가 `hidden`이면 Effect는 마운트되지 않습니다.**
1148911489

11490-
`<Activity>``hidden`이면 Effect가 마운트 해제됩니다. 개념적으로는 컴포넌트가 마운트 해제되지만 React는 나중에 사용할 수 있도록 상태를 저장합니다.
11490+
`<Activity>``hidden`이면 Effect가 마운트 해제됩니다. 개념적으로는 컴포넌트가 마운트 해제되지만 React는 나중에 사용할 수 있도록 State를 저장합니다.
1149111491

11492-
실제로는 [Effect가 필요하지 않은 경우](/learn/you-might-not-need-an-effect) 가이드를 따랐다면 예상대로 작동합니다. 문제가 있는 Effect를 열심히 찾으려면, 예상치 못한 사이드 이펙트를 발견하기 위해 Activity 마운트 해제와 마운트를 열심히 수행하는 [`<StrictMode>`](/reference/react/StrictMode)를 추가하는 것이 좋습니다.
11492+
실제로는 [Effect가 필요하지 않은 경우](/learn/you-might-not-need-an-effect) 가이드를 따랐다면 예상대로 작동합니다. 문제가 있는 Effect를 찾으려면, 예상치 못한 사이드 이펙트를 발견하기 위해 Activity 마운트 해제와 마운트를 수행하는 [`<StrictMode>`](/reference/react/StrictMode)를 추가하는 것이 좋습니다.
1149311493

1149411494
</Note>
1149511495

@@ -11510,7 +11510,7 @@ function App() {
1151011510
}
1151111511
```
1151211512

11513-
그러나 이는 사용자가 이전 페이지로 돌아갈 경우 이전 상태는 모두 손실되는 것을 의미합니다. 예를 들어 `<Home />` 페이지에 `<input>` 필드가 있는 경우 사용자가 페이지를 나가면 `<input>`이 마운트 해제되고 입력했던 모든 텍스트가 손실됩니다.
11513+
그러나 이는 사용자가 이전 페이지로 돌아갈 경우 이전 State는 모두 손실되는 것을 의미합니다. 예를 들어 `<Home />` 페이지에 `<input>` 필드가 있는 경우 사용자가 페이지를 나가면 `<input>`이 마운트 해제되고 입력했던 모든 텍스트가 손실됩니다.
1151411514

1151511515
Activity를 사용하면 사용자가 페이지를 변경할 때 상태를 유지하여, 다시 돌아왔을 때 중단한 부분부터 다시 시작할 수 있습니다. 이 작업은 트리의 일부를 `<Activity>`로 감싸고 `mode`를 전환하면 됩니다.
1151611516

@@ -12852,7 +12852,7 @@ root.render(
1285212852

1285312853
사용자가 사용할 가능성이 높은 UI의 다음 부분을 미리 준비하여 그들이 사용할 준비가 되었을 때 바로 사용할 수 있도록 하고 싶을 때가 있습니다. 사용자가 네비게이팅하기 전에 데이터를 이미 가져왔을 수 있으므로, 다음 라우트가 렌더링해야 하는 데이터를 일시 중단해야 하는 경우 특히 유용합니다.
1285412854

12855-
예를 들어, 현재 우리의 앱은 사용자가 동영상을 선택할 때 각 동영상에 대한 데이터를 로드하기 위해 일시 중단해야 합니다. 사용자가 탐색할 때까지 숨겨진 `<Activity>`에 있는 모든 페이지를 렌더링하여 이 문제를 개선할 수 있습니다.
12855+
예를 들어, 현재 우리의 앱은 사용자가 동영상을 선택할 때 각 동영상에 대한 데이터를 로드하기 위해 일시 중단해야 합니다. 사용자가 탐색할 때까지 숨겨진 `<Activity>`에 있는 모든 페이지를 렌더링하여 이 문제를 개선할 수 있습니다.
1285612856

1285712857
```js {2,5,8}
1285812858
<ViewTransition>

0 commit comments

Comments
 (0)