본문 바로가기
Frontend#Frontend#API조회 34

requestAnimationFrame란?

정의

브라우저 리페인트 직전에 콜백을 실행하는 API. setTimeout보다 부드러운 애니메이션.

rAF란?

브라우저의 리페인트 타이밍에 동기화되는 콜백이다. 60fps면 ~16.6ms마다 호출.

function animate(t) {
  update(t);
  requestAnimationFrame(animate);
}
requestAnimationFrame(animate);

🔗 함께 보면 좋은 용어

Frontend 전체 →