requestAnimationFrame

브라우저 리페인트가 실행되기전 애니메이션 업데이트 하는 콜백을 실행하도록 하여 부드럽게(?) 애니메이션이 진행되도록 한다.

바로 다음 리페인트에서 프레임을 애니메이트 하려면 콜백에서 반드시 requestAnimationFrame을 재호출 해야한다.

콜백에는 시작시점의 타임스탬프(performance.now())가 들어간다. 이것을 이용하여 주로 애니메이션 progress 를 설정하는듯 하다. (ms 단위. 단일 프레임에서 다중콜백은 동일한 타임스템프를 가짐)

Questions