From c5e92455bdae0555f0d8f45cd0f07fbbe9b7aa81 Mon Sep 17 00:00:00 2001 From: HYOJIN Date: Sun, 24 Aug 2025 22:11:55 +0900 Subject: [PATCH 1/5] docs: translate useTransition --- src/content/reference/react/useTransition.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md index 47377e576..03623f6cc 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` 프로퍼티를 노출할 때는 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`으로 감쌀 필요가 없습니다. From 9091413d75cd0eb3457603257cf921bd5375d8ee Mon Sep 17 00:00:00 2001 From: HYOJIN Date: Sun, 24 Aug 2025 23:43:54 +0900 Subject: [PATCH 2/5] docs: translate ViewTransition animation --- ...react-labs-view-transitions-activity-and-more.md | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) 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 c725e13f2..fbf3c302c 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,18 @@ 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. +이 예시에서 단순화를 위해 앱의 루트를 ``으로 감싸고 있지만, 이렇게 하면 앱 내의 모든 트랜지션이 애니메이션 되어 예상치 못한 애니메이션이 발생할 수 있습니다. + +이를 해결하기 위해 각 페이지에서 자체적으로 애니메이션을 제어할 수 있도록 라우트 자식 요소를 `"none"`으로 감싸고 있습니다. -To fix, we're wrapping route children with `"none"` so each page can control its own animation: ```js // Layout.js @@ -2477,7 +2478,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를 사용해서 처리하는 것이 좋습니다. From 93cfaa09fb2cca75ea986b3b0f97b75c14c521aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Sat, 30 Aug 2025 16:46:27 +0900 Subject: [PATCH 3/5] Fix Korean translation for action prop explanation --- src/content/reference/react/useTransition.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md index 03623f6cc..f0aa5a437 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; } -컴포넌트에서 `action` 프로퍼티를 노출할 때는 transition 내부에서 `await`해야 합니다. +컴포넌트에서 `action` Prop을 노출할 때는 Transition 내부에서 `await` 해야 합니다. -이렇게 하면 `action` 콜백이 동기적이든 비동기적이든 상관없이 작동할 수 있으며, action 내부의 `await`를 추가적인 `startTransition`으로 감쌀 필요가 없습니다. +이렇게 하면 `action` 콜백이 동기적이든 비동기적이든 상관없이 작동할 수 있으며, Action 내부의 `await`를 추가적인 `startTransition`으로 감쌀 필요가 없습니다. From 1f3496df58b6351bbcd55f5594232c0d1e5920f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Sat, 30 Aug 2025 16:47:14 +0900 Subject: [PATCH 4/5] Fix typo in useTransition.md --- src/content/reference/react/useTransition.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md index f0aa5a437..f021a75ca 100644 --- a/src/content/reference/react/useTransition.md +++ b/src/content/reference/react/useTransition.md @@ -746,7 +746,7 @@ b { display: inline-block; margin-right: 10px; } 컴포넌트에서 `action` Prop을 노출할 때는 Transition 내부에서 `await` 해야 합니다. -이렇게 하면 `action` 콜백이 동기적이든 비동기적이든 상관없이 작동할 수 있으며, Action 내부의 `await`를 추가적인 `startTransition`으로 감쌀 필요가 없습니다. +이렇게 하면 `action` 콜백이 동기적이든 비동기적이든 상관없이 작동할 수 있으며, `action` 내부의 `await`을 추가적인 `startTransition`으로 감쌀 필요가 없습니다. From a9e0953b9e3e399b3f7dea07ad6d0ddac69940a1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Sat, 30 Aug 2025 16:50:32 +0900 Subject: [PATCH 5/5] Fix typo in navigation handling explanation --- .../04/23/react-labs-view-transitions-activity-and-more.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) 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 8889c35b0..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 @@ -2470,7 +2470,6 @@ root.render( 이를 해결하기 위해 각 페이지에서 자체적으로 애니메이션을 제어할 수 있도록 라우트 자식 요소를 `"none"`으로 감싸고 있습니다. - ```js // Layout.js @@ -2478,7 +2477,7 @@ root.render( ``` -실제로 내비게이션은 "enter"와 "exit" props 또는 Transition Types를 사용해서 처리하는 것이 좋습니다. +실제로 네비게이션은 "enter"와 "exit" Props 또는 Transition Types를 사용해서 처리하는 것이 좋습니다.