Skip to content

Commit e717d91

Browse files
authored
Fix typos and formatting in ViewTransition documentation
1 parent f8a3901 commit e717d91

File tree

1 file changed

+6
-9
lines changed

1 file changed

+6
-9
lines changed

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

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2485,19 +2485,17 @@ In practice, navigations should be done via "enter" and "exit" props, or by usin
24852485

24862486
기본적으로 `<ViewTransition>`은 브라우저의 기본 크로스페이드를 포함합니다.
24872487

2488-
애니메이션을 커스터마이징하려면 [어떻게 `<ViewTransition>`이 활성화되는지](/reference/react/ViewTransition#props)에 따라 어떤 애니메이션을 사용할지 지정하는 props를 `<ViewTransition>` 컴포넌트에 제공할 수 있습니다.
2489-
2490-
예를 들어 `default` 크로스페이드 애니메이션을 느리게 만들 수 있습니다.
2491-
2488+
애니메이션을 커스터마이징하려면, [어떻게 `<ViewTransition>`이 활성화되는지](/reference/react/ViewTransition#props)에 따라, 어떤 애니메이션을 사용할지 지정하는 Props를 `<ViewTransition>` 컴포넌트에 제공할 수 있습니다.
24922489

2490+
예를 들어, `default` 크로스페이드 애니메이션을 느리게 만들 수 있습니다.
24932491

24942492
```js
24952493
<ViewTransition default="slow-fade">
24962494
<Home />
24972495
</ViewTransition>
24982496
```
24992497

2500-
그리고 [뷰 전환 클래스](/reference/react/ViewTransition#view-transition-classes)를 사용하여 CSS에서 `slow-fade`를 정의합니다.
2498+
그리고 [View Transition 클래스](/reference/react/ViewTransition#view-transition-classes)를 사용하여 CSS에서 `slow-fade`를 정의합니다.
25012499

25022500
```css
25032501
::view-transition-old(.slow-fade) {
@@ -3688,13 +3686,13 @@ root.render(
36883686

36893687
</Sandpack>
36903688

3691-
`<ViewTransition>` 스타일링에 대한 전체 가이드는 [View Transitions 스타일링](/reference/react/ViewTransition#styling-view-transitions)을 참조하세요.
3689+
`<ViewTransition>` 스타일링에 대한 전체 가이드는 [View Transition 스타일링](/reference/react/ViewTransition#styling-view-transitions)을 참조하세요.
36923690

36933691
### Shared Element Transitions {/*shared-element-transitions*/}
36943692

36953693
두 페이지에 같은 요소가 있을 때, 종종 한 페이지에서 다음 페이지로 이어지도록 애니메이션을 주고 싶을 때가 있습니다.
36963694

3697-
이를 위해 `<ViewTransition>`에 고유한 name 속성을 추가할 수 있습니다.
3695+
이를 위해 `<ViewTransition>`에 고유한 `name` 속성을 추가할 수 있습니다.
36983696

36993697
```js
37003698
<ViewTransition name={`video-${video.id}`}>
@@ -4897,8 +4895,7 @@ root.render(
48974895

48984896
</Sandpack>
48994897

4900-
기본적으로 React는 전환에 활성화된 각 요소에 대해 고유한 name을 자동으로 생성합니다. ([`<ViewTransition>` 동작 방식 보기 참고](/reference/react/ViewTransition#how-does-viewtransition-work))
4901-
React가 어떤 전환에서 특정 name을 가진 `<ViewTransition>`이 제거되고, 동일한 name을 가진 새로운 `<ViewTransition>`이 추가된 것을 감지하면 공유 요소 전환(shared element transition)을 활성화합니다.
4898+
기본적으로 React는 Transition에 활성화된 각 요소에 대해 고유한 `name`을 자동으로 생성합니다. ([`<ViewTransition>`이 어떻게 동작하는지 참고하세요](/reference/react/ViewTransition#how-does-viewtransition-work)). React가 어떤 Transition에서 특정 `name`을 가진 `<ViewTransition>`이 제거되고, 동일한 `name`을 가진 새로운 `<ViewTransition>`이 추가된 것을 감지하면 공유 요소 전환<sup>Shared Element Transition</sup>을 활성화합니다.
49024899

49034900
자세한 내용은 [Animating a Shared Element](/reference/react/ViewTransition#animating-a-shared-element) 문서를 참고하세요.
49044901

0 commit comments

Comments
 (0)