웹 애니메이션 이해

1. 애니메이션 애니메이션은 반복적인 움직임의 처리이다. 웹 UI 애니메이션은 자바스크립트로 다양하게 제어할 수 있지만, 규칙적이고 비교적 단순한 방식으로 동작하는 방식은 CSS3의 transition과 transform속성을 사용해서 대부분 구현 가능하다. 그뿐만 아니라 자바스크립트보다 더 빠른 성능을 보장한다고 한다. 이런 애니메이션 성능 비교가 된 글을 찾아보고 비교보자. 특히 모바일 웹에서는 CSS를 사용한 방법이 훨씬 더 빠르다. 2. FPS FPS (frame per second)는 1초당 화면에 표현할 수 있는 정지화면(frame) 수 이다. 매끄러운 애니메이션은 보통 60fps 이다. 따라서 16.666밀리세컨드 간격으로 frame 생성이 필요한 셈이다. (1000ms / 60fps = 1..