62. Animating a List
npm create vue@latest
이 강의에서는 Vue를 사용하여 리스트에 애니메이션을 적용하는 방법을 배웁니다.
단일 요소 또는 조건부 지시문 아래에 있는 요소 그룹에 애니메이션을 적용하는 것 외에도, 리스트에 애니메이션을 추가하는 방법을 다룹니다.
리스트를 애니메이션하기 위해서는 transition 컴포넌트 대신 transition group 컴포넌트를 사용해야 합니다.
이 컴포넌트는 루프 내의 아이템들을 애니메이션하는 데 특화되어 있으며, enter 및 leave 훅을 포함한 동일한 속성과 훅을 제공합니다.fade와 같은 이미 정의된 애니메이션을 재사용하여 요소들이 작업에 따라 서서히 나타나거나 사라지도록 할 수 있습니다.
