[CSS] requestAnimationFrame

requestAnimationFrame이란?

• rAF
• DOM 기반 스타일 변경, 캔버스 또는 WebGL 등 애니메이션에 사용하기위한 기본 API
• Javascript 실행 최적화를 위해 setTimeout, setInterval을 피하고 requestAnimationFrame 사용

window.requestAnimationFrame(callback);

Reference

• https://developers.google.com/web/fundamentals/performance/rendering/optimize-javascript-execution?hl=ko
• https://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
• https://developer.mozilla.org/ko/docs/Web/API/Window/requestAnimationFrame