Frontend/JavaScript

window.requestAnimationFrame() 너 누구 야

섕걍 2022. 6. 5. 16:26

 

 

화면에 애니메이션을 구현하려고 검색했을때

throttling 과 debouncing 그리고 requestAnimationFrame을 찾아봤는데

이제야 다시 읽어본다!


requestAnimationFrame()

브라우저에게 동작하기를 원하는 애니메이션을 알리고

다음 리페인트가 진행되기 전에 해당 애니메이션을 업데이트 하는 함수를 호출하게 한다.

window.requestAnimationFrame(callback);

callback : 다음 repaint를 위한 애니메이션을 업데이트 할 때 호출할 함수이다.