requestAnimationFrame1 [js] Web animation 웹 애니메이션 1. 웹 애니메이션 이해와 setTimeout 활용 사용자에게 매끄러운 UX를 지원해주어야 합니다. 1) 애니메이션 반복적 움직임의 처리를 말합니다. 웹 UI 애니메이션은 규칙적이고 단순한 방식으로 동작하는 CSS3의 transition, transform 속성을 사용하여 구현가능합니다. javascript로도 구현이 가능하지만 그보다 더 빠른 성능을 보장합니다. 특히 모바일웹에서는 CSS 방법이 더 빠릅니다. (특히 transition) 2) FPS FPS(frame per second)는 1초에 화면에 표현할 수 있는 정지화면(frame) 수 입니다. 매끄러운 애니메이션은 보통 60fps 입니다. 16.666ms 간격으로 frame생성이 필요합니다. (1000ms / 60fps = 16.. 2019. 12. 30. 728x90 이전 1 다음
