Skip to content

Commit

Permalink
Merge pull request #70 from oobg/main
Browse files Browse the repository at this point in the history
fix: μƒνƒœ 기반 μ• λ‹ˆλ©”μ΄μ…˜ λ²ˆμ—­ μˆ˜μ •
  • Loading branch information
narusas authored Feb 24, 2025
2 parents e179823 + f33e488 commit 9d97426
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions src/guide/extras/animation.md
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ export default {

## μƒνƒœ 기반 μ• λ‹ˆλ©”μ΄μ…˜ {#state-driven-animations}

예λ₯Ό λ“€μ–΄ μƒν˜Έ μž‘μš©μ΄ λ°œμƒν•˜λŠ” λ™μ•ˆ μ—˜λ¦¬λ¨ΌνŠΈμ— μŠ€νƒ€μΌμ„ λ°”μΈλ”©ν•˜μ—¬ 값을 λ³΄κ°„ν•˜μ—¬ 일뢀 νŠΈλžœμ§€μ…˜ 효과λ₯Ό μ μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
μƒν˜Έ μž‘μš©μ΄ λ°œμƒν•˜λŠ” λ™μ•ˆ μ—˜λ¦¬λ¨ΌνŠΈμ— μŠ€νƒ€μΌμ„ λ°”μΈλ”©ν•¨μœΌλ‘œμ¨ 값을 λ³΄κ°„ν•˜μ—¬ 일뢀 νŠΈλžœμ§€μ…˜ 효과λ₯Ό μ μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
예λ₯Ό λ“€λ©΄ λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€:

<div class="composition-api">
Expand Down Expand Up @@ -142,9 +142,9 @@ export default {

<Colors />

색상 외에도 μŠ€νƒ€μΌ 바인딩을 μ‚¬μš©ν•˜μ—¬ `transform`, `width` λ˜λŠ” `height`에 μ• λ‹ˆλ©”μ΄μ…˜μ„ μ μš©ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.
μŠ€ν”„λ§ 물리학을 μ‚¬μš©ν•˜μ—¬ SVG `path`에 μ• λ‹ˆλ©”μ΄μ…˜ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.
κ²°κ΅­ λͺ¨λ‘ 속성 데이터 λ°”μΈλ”©μž…λ‹ˆλ‹€:
μƒ‰μƒλΏλ§Œ μ•„λ‹ˆλΌ transform, width, height 같은 속성에도 μŠ€νƒ€μΌ 바인딩을 μ‚¬μš©ν•˜μ—¬ μ• λ‹ˆλ©”μ΄μ…˜μ„ μ μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
심지어 spring physics(μŠ€ν”„λ§ 물리학)λ₯Ό μ΄μš©ν•΄ SVG 경둜λ₯Ό μ• λ‹ˆλ©”μ΄μ…˜ν™”ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.
κ²°κ΅­ 이 λͺ¨λ“  것듀은 속성에 데이터λ₯Ό λ°”μΈλ”©ν•˜λŠ” 것이기 λ•Œλ¬Έμž…λ‹ˆλ‹€:

<ElasticHeader />

Expand Down

0 comments on commit 9d97426

Please sign in to comment.