diff --git a/src/content/reference/react/Activity.md b/src/content/reference/react/Activity.md
index 01328a2a0..a0763e230 100644
--- a/src/content/reference/react/Activity.md
+++ b/src/content/reference/react/Activity.md
@@ -5,21 +5,21 @@ version: experimental
-**This API is experimental and is not available in a stable version of React yet.**
+**이 API는 실험적이며 아직 React의 안정 버전에서 사용할 수 없습니다.**
-You can try it by upgrading React packages to the most recent experimental version:
+React 패키지를 최신 실험적 버전으로 업그레이드하여 시도해 볼 수 있습니다.
- `react@experimental`
- `react-dom@experimental`
- `eslint-plugin-react-hooks@experimental`
-Experimental versions of React may contain bugs. Don't use them in production.
+React의 실험적 버전에는 버그가 포함될 수 있습니다. 프로덕션 환경에서는 사용하지 마세요.
-`` lets you hide and show part of the UI.
+``를 사용하면 UI 일부를 숨기거나 보여줄 수 있습니다.
```js
@@ -34,11 +34,11 @@ Experimental versions of React may contain bugs. Don't use them in production.
---
-## Reference {/*reference*/}
+## 레퍼런스 {/*reference*/}
### `` {/*activity*/}
-Wrap a part of the UI in `` to manage its visibility state:
+UI 일부를 ``로 감싸서 표시 상태를 관리할 수 있습니다.
```js
import {unstable_Activity as Activity} from 'react';
@@ -48,30 +48,30 @@ import {unstable_Activity as Activity} from 'react';
```
-When "hidden", the `children` of `` are not visible on the page. If a new `` mounts as "hidden" then it pre-renders the content at lower priority without blocking the visible content on the page, but it does not mount by creating Effects. When a "visible" Activity switches to "hidden" it conceptually unmounts by destroying all the Effects, but saves its state. This allows fast switching between "visible" and "hidden" states without recreating the state for a "hidden" Activity.
+"hidden" 상태일 때 ``의 `children`은 페이지에 표시되지 않습니다. 새로운 ``가 "hidden" 상태로 마운트되면 페이지의 표시되는 콘텐츠를 차단하지 않으면서 낮은 우선순위로 콘텐츠를 사전 렌더링하지만, Effect를 생성하여 마운트하지는 않습니다. "visible" Activity가 "hidden"으로 전환되면 모든 Effect를 제거하여 개념적으로는 마운트 해제되지만, 상태는 저장됩니다. 이를 통해 "hidden" Activity의 상태를 재생성하지 않고도 "visible"과 "hidden" 상태 간의 빠른 전환이 가능합니다.
-In the future, "hidden" Activities may automatically destroy state based on resources like memory.
+앞으로는 메모리 등 리소스 상황에 따라, "hidden" Activity의 상태가 자동으로 제거될 수 있습니다.
#### Props {/*props*/}
-* `children`: The actual UI you intend to render.
-* **optional** `mode`: Either "visible" or "hidden". Defaults to "visible". When "hidden", updates to the children are deferred to lower priority. The component will not create Effects until the Activity is switched to "visible". If a "visible" Activity switches to "hidden", the Effects will be destroyed.
+* `children`: 실제로 렌더링하려는 UI입니다.
+* **optional** `mode`: "visible" 또는 "hidden" 중 하나입니다. 기본값은 "visible"입니다. "hidden"일 때는 자식 컴포넌트의 업데이트가 낮은 우선순위로 지연됩니다. 컴포넌트는 Activity가 "visible"로 전환할 때까지 Effect를 생성하지 않습니다. "visible" Activity가 "hidden"으로 전환되면 Effect가 제거됩니다.
-#### Caveats {/*caveats*/}
+#### 주의 사항 {/*caveats*/}
-- While hidden, the `children` of `` are hidden on the page.
-- `` will unmount all Effects when switching from "visible" to "hidden" without destroying React or DOM state. This means Effects that are expected to run only once on mount will run again when switching from "hidden" to "visible". Conceptually, "hidden" Activities are unmounted, but they are not destroyed either. We recommend using [``](/reference/react/StrictMode) to catch any unexpected side-effects from this behavior.
-- When used with ``, hidden activities that reveal in a transition will activate an "enter" animation. Visible Activities hidden in a transition will activate an "exit" animation.
-- Parts of the UI wrapped in `` are not included in the SSR response.
-- Parts of the UI wrapped in `` will hydrate at a lower priority than other content.
+- 숨겨진 상태에서 ``의 `children`은 페이지에 숨겨집니다.
+- ``는 "visible"에서 "hidden"으로 전환할 때 React나 DOM 상태를 제거하지 않고 모든 Effect를 마운트 해제합니다. 이는 마운트 시 한 번만 실행될 것으로 예상되는 Effect가 "hidden"에서 "visible"로 전환할 때 다시 실행됨을 의미합니다. 개념적으로는 "hidden" Activity는 마운트 해제되지만, 제거되지는 않습니다. 이러한 동작으로 인한 예상치 못한 부작용을 잡기 위해 [``](/reference/react/StrictMode)를 사용하는 것을 추천합니다.
+- ``과 함께 사용할 때 전환에서 나타나는 숨겨진 Activity는 "enter" 애니메이션을 활성화합니다. 전환에서 숨겨지는 표시되는 Activity는 "exit" 애니메이션을 활성화합니다.
+- ``으로 감싸진 UI 부분은 SSR 응답에 포함되지 않습니다.
+- ``으로 감싸진 UI 부분은 다른 콘텐츠보다 낮은 우선순위로 하이드레이션됩니다.
---
-## Usage {/*usage*/}
+## 사용법 {/*usage*/}
-### Pre-render part of the UI {/*pre-render-part-of-the-ui*/}
+### UI 일부 사전 렌더링하기 {/*pre-render-part-of-the-ui*/}
-You can pre-render part of the UI using ``:
+``을 사용하여 UI 일부를 사전 렌더링할 수 있습니다.
```js
@@ -79,11 +79,11 @@ You can pre-render part of the UI using ``:
```
-When an Activity is rendered with `mode="hidden"`, the `children` are not visible on the page, but are rendered at lower priority than the visible content on the page.
+Activity가 `mode="hidden"`으로 렌더링되면 `children`은 페이지에 표시되지 않지만, 페이지의 표시되는 콘텐츠보다 낮은 우선순위로 렌더링됩니다.
-When the `mode` later switches to "visible", the pre-rendered children will mount and become visible. This can be used to prepare parts of the UI the user is likely to interact with next to reduce loading times.
+나중에 `mode`가 "visible"로 전환되면 사전 렌더링 된 자식 컴포넌트가 마운트되고 표시됩니다. 이를 통해 사용자가 다음에 상호작용을 할 가능성이 높은 UI 부분을 미리 준비하여 로딩 시간을 줄일 수 있습니다.
-In the following example from [`useTransition`](/reference/react/useTransition#preventing-unwanted-loading-indicators), the `PostsTab` component fetches some data using `use`. When you click the "Posts" tab, the `PostsTab` component suspends, causing the button loading state to appear:
+다음은 [`useTransition`](/reference/react/useTransition#preventing-unwanted-loading-indicators)에서 가져온 예시입니다. `PostsTab` 컴포넌트는 `use`를 사용하여 일부 데이터를 가져옵니다. "Posts" 탭을 클릭하면 `PostsTab` 컴포넌트가 일시 중단되어 버튼 로딩 상태가 나타납니다.
@@ -213,9 +213,9 @@ export default function ContactTab() {
```js src/data.js hidden
-// Note: the way you would do data fetching depends on
-// the framework that you use together with Suspense.
-// Normally, the caching logic would be inside a framework.
+// Note: 데이터 페칭 방법은
+// Suspense와 함께 사용하는 프레임워크에 따라 달라집니다.
+// 일반적으로 캐싱 로직은 프레임워크 내부에 있습니다.
let cache = new Map();
@@ -235,7 +235,7 @@ async function getData(url) {
}
async function getPosts() {
- // Add a fake delay to make waiting noticeable.
+ // 대기 시간을 눈에 띄게 만들기 위해 가짜 지연을 추가합니다.
await new Promise(resolve => {
setTimeout(resolve, 1000);
});
@@ -276,9 +276,9 @@ b { display: inline-block; margin-right: 10px; }
-In this example, the user needs to wait for the posts to load when clicking on the "Posts" tab.
+이 예시에서 "Posts" 탭을 클릭할 때 게시물이 로드될 때까지 기다려야 합니다.
-We can reduce the delay for the "Posts" tab by pre-rendering the inactive Tabs with a hidden ``:
+숨겨진 ``로 비활성 탭을 사전 렌더링하여 "Posts" 탭의 지연 시간을 줄일 수 있습니다.
@@ -405,9 +405,9 @@ export default function ContactTab() {
```js src/data.js hidden
-// Note: the way you would do data fetching depends on
-// the framework that you use together with Suspense.
-// Normally, the caching logic would be inside a framework.
+// Note: 데이터 페칭 방법은
+// Suspense와 함께 사용하는 프레임워크에 따라 달라집니다.
+// 일반적으로 캐싱 로직은 프레임워크 내부에 있습니다.
let cache = new Map();
@@ -427,7 +427,7 @@ async function getData(url) {
}
async function getPosts() {
- // Add a fake delay to make waiting noticeable.
+ // 대기 시간을 눈에 띄게 만들기 위해 가짜 지연을 추가합니다.
await new Promise(resolve => {
setTimeout(resolve, 1000);
});
@@ -470,10 +470,10 @@ b { display: inline-block; margin-right: 10px; }
---
-### Keeping state for part of the UI {/*keeping-state-for-part-of-the-ui*/}
+### UI 일부의 상태 유지하기 {/*keeping-state-for-part-of-the-ui*/}
-You can keep state for parts of the UI by switching `` from "visible" to "hidden":
+``를 "visible"에서 "hidden"으로 전환하여 UI 일부의 상태를 유지할 수 있습니다.
```js
@@ -481,11 +481,11 @@ You can keep state for parts of the UI by switching `` from "visible"
```
-When an Activity switches from `mode="visible"` to "hidden", the `children` will become hidden on the page, and unmount by destroying all Effects, but will keep their React and DOM state.
+Activity가 `mode="visible"`에서 "hidden"으로 전환되면 `children`은 페이지에서 숨겨지고 모든 Effect를 제거하여 마운트 해제되지만, React와 DOM 상태는 유지됩니다.
-When the `mode` later switches to "visible", the saved state will be re-used when mounting the children by creating all the Effects. This can be used to keep state in parts of the UI the user is likely to interact with again to maintain DOM or React state.
+나중에 `mode`가 "visible"로 전환되면 저장된 상태가 모든 Effect를 생성하여 자식 컴포넌트를 마운트할 때 재사용됩니다. 이를 통해 사용자가 다시 상호작용할 가능성이 높은 UI 부분의 상태를 유지하여 DOM이나 React 상태를 유지할 수 있습니다.
-In the following example from [`useTransition`](/reference/react/useTransition#preventing-unwanted-loading-indicators), the `ContactTab` includes a `