[Udemy Vue 완벽가이드 Section14] 192. 섹션 소개(애니메이션 전환)

애플리케이션에 필수적 요소는 아니지만,

애플리케이션에 추가하면 유용한 전환(Transitions)과 애니메이션(Animations)이다.

 

애니메이션을 활용해서 화면상 요소를 움직이면 사용자의 인터페이스 이해를 돕고 사용자 경험을 향상할 수 있다.

엄밀히 말하면 전환과 애니메이션은 분명히 선택적인 요소이지만 구현하면 사용자 인터페이스와 사용자 경험이 현격히 좋아진다.

 

1/ Understanding Transitions & Animations

따라서 이번 섹션에서는 전환(Transition)과 애니메이션(Animation)의 원리와 CSS와 결합하여 사용하는 방법을 배워보자.

 

2/ Animating with Vue

애니메이션 사용 시 Vue.js가 유용한 경우와 적용하면 좋은 사례

 

3/ Animation Lists

애니메이션을 목록 외에 요소에 적용하는 것과 목록에 적용하는 것의 차이

 

 

** 출처: 모든 내용은 Udemy Vue-완벽가이드 강의를 기반으로 작성하였습니다.