diff --git a/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md b/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md index 2819786ab..52de2683d 100644 --- a/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md +++ b/src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md @@ -2458,17 +2458,17 @@ root.render( -Since our router already updates the route using `startTransition`, this one line change to add `` activates with the default cross-fade animation. +라우터가 이미 `startTransition`을 사용해서 라우트를 업데이트하고 있기 때문에, ``을 한 줄 추가하는 것만으로 기본 크로스 페이드 애니메이션이 활성화됩니다. -If you're curious how this works, see the docs for [How does `` work?](/reference/react/ViewTransition#how-does-viewtransition-work) +어떻게 동작하는지 궁금하다면 [How does `` work?](/reference/react/ViewTransition#how-does-viewtransition-work) 문서를 참고하세요. -#### Opting out of `` animations {/*opting-out-of-viewtransition-animations*/} +#### `` 애니메이션 건너뛰기 {/*opting-out-of-viewtransition-animations*/} -In this example, we're wrapping the root of the app in `` for simplicity, but this means that all transitions in the app will be animated, which can lead to unexpected animations. +이 예시에서 단순화를 위해 앱의 루트를 ``으로 감싸고 있지만, 이렇게 하면 앱 내의 모든 트랜지션이 애니메이션 되어 예상치 못한 애니메이션이 발생할 수 있습니다. -To fix, we're wrapping route children with `"none"` so each page can control its own animation: +이를 해결하기 위해 각 페이지에서 자체적으로 애니메이션을 제어할 수 있도록 라우트 자식 요소를 `"none"`으로 감싸고 있습니다. ```js // Layout.js @@ -2477,7 +2477,7 @@ To fix, we're wrapping route children with `"none"` so each page can control its ``` -In practice, navigations should be done via "enter" and "exit" props, or by using Transition Types. +실제로 네비게이션은 "enter"와 "exit" Props 또는 Transition Types를 사용해서 처리하는 것이 좋습니다. diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md index 47377e576..f021a75ca 100644 --- a/src/content/reference/react/useTransition.md +++ b/src/content/reference/react/useTransition.md @@ -744,9 +744,9 @@ b { display: inline-block; margin-right: 10px; } -When exposing an `action` prop from a component, you should `await` it inside the transition. +컴포넌트에서 `action` Prop을 노출할 때는 Transition 내부에서 `await` 해야 합니다. -This allows the `action` callback to be either synchronous or asynchronous without requiring an additional `startTransition` to wrap the `await` in the action. +이렇게 하면 `action` 콜백이 동기적이든 비동기적이든 상관없이 작동할 수 있으며, `action` 내부의 `await`을 추가적인 `startTransition`으로 감쌀 필요가 없습니다.