소개
이 프로젝트에서는 Vue.js 를 사용하여 유연한 스켈레톤 스크린 컴포넌트를 만드는 방법을 배우게 됩니다. 스켈레톤 스크린은 실제 콘텐츠가 로드되기 전에 사용자 인터페이스의 단순화된 버전을 표시하는 UI 패턴으로, 기존 로딩 표시기보다 더 나은 사용자 경험을 제공합니다.
👀 미리보기
🎯 과제
이 프로젝트에서는 다음을 배우게 됩니다:
- Vue.js 를 사용하여 재사용 가능한 스켈레톤 스크린 컴포넌트를 만드는 방법
- 제공된 데이터를 기반으로 스켈레톤 스크린의 구조를 구현하는 방법
- 스켈레톤 스크린 요소에 플래싱 애니메이션을 적용하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- Vue.js 를 사용하여 유연한 스켈레톤 스크린 컴포넌트를 생성할 수 있습니다.
- 스켈레톤 스크린 요소에 동적 스타일과 클래스를 적용할 수 있습니다.
- 스켈레톤 스크린에 플래싱 애니메이션 효과를 구현할 수 있습니다.
