- CSS 애니메이션
- 간단하게 처리하는 애니메이션의 경우 CSS로 처리
- 외부 라이브러리를 필요로 하지 않음
- CSS 자체가 선언형(declarative)이기 때문에 어떤 요소가 애니메이션을 가져야 한다는 직관적인 표현이 가능
- 메인 스레드가 아닌 별도의 컴포지터 스레드(Compositor Thread)에서 그려지기 때문에 JS보다 효율적
- JS 애니메이션
- CSS로 처리하기에는 훨씬 복잡하고 무거운 애니메이션 작업들을 효율적이고, 세밀하게 다루기 위해 사용
- 외부 라이브러리를 이용한 애니메이션 구현 가능
- 메인 스레드를 사용하여 처리
- RAF(RequestAnimationFrame) API : 구현방식은 setTimeout과 동일하지만 60fps 보장
- SVG SVG Animation : 확장 가능한 벡터 그래픽(Scalable Vector Graphics)
- (외부 라이브러리 참고) https://www.youtube.com/watch?v=wbDpZwDRgRk&t=240s
팀에서 꼭 필요한 프론트엔드 개발자가 되고 싶습니다.