Skip to content

Commit f8a3901

Browse files
committed
docs: translate Shared Element Transitions
1 parent dc0cd37 commit f8a3901

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

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

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3692,17 +3692,17 @@ root.render(
36923692

36933693
### Shared Element Transitions {/*shared-element-transitions*/}
36943694

3695-
When two pages include the same element, often you want to animate it from one page to the next.
3695+
두 페이지에 같은 요소가 있을 때, 종종 한 페이지에서 다음 페이지로 이어지도록 애니메이션을 주고 싶을 때가 있습니다.
36963696

3697-
To do this you can add a unique `name` to the `<ViewTransition>`:
3697+
이를 위해 `<ViewTransition>`에 고유한 name 속성을 추가할 수 있습니다.
36983698

36993699
```js
37003700
<ViewTransition name={`video-${video.id}`}>
37013701
<Thumbnail video={video} />
37023702
</ViewTransition>
37033703
```
37043704

3705-
Now the video thumbnail animates between the two pages:
3705+
이제 비디오 썸네일이 두 페이지 사이에서 애니메이션으로 전환됩니다.
37063706

37073707
<Sandpack>
37083708

@@ -4897,9 +4897,10 @@ root.render(
48974897

48984898
</Sandpack>
48994899

4900-
By default, React automatically generates a unique `name` for each element activated for a transition (see [How does `<ViewTransition>` work](/reference/react/ViewTransition#how-does-viewtransition-work)). When React sees a transition where a `<ViewTransition>` with a `name` is removed and a new `<ViewTransition>` with the same `name` is added, it will activate a shared element transition.
4900+
기본적으로 React는 전환에 활성화된 각 요소에 대해 고유한 name을 자동으로 생성합니다. ([`<ViewTransition>` 동작 방식 보기 참고](/reference/react/ViewTransition#how-does-viewtransition-work))
4901+
React가 어떤 전환에서 특정 name을 가진 `<ViewTransition>`이 제거되고, 동일한 name을 가진 새로운 `<ViewTransition>`이 추가된 것을 감지하면 공유 요소 전환(shared element transition)을 활성화합니다.
49014902

4902-
For more info, see the docs for [Animating a Shared Element](/reference/react/ViewTransition#animating-a-shared-element).
4903+
자세한 내용은 [Animating a Shared Element](/reference/react/ViewTransition#animating-a-shared-element) 문서를 참고하세요.
49034904

49044905
### Animating based on cause {/*animating-based-on-cause*/}
49054906

0 commit comments

Comments
 (0)