처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / JavaScript / 문제

JavaScript requestAnimationFrame()의 용도는?

보통 MDN Web Docs
보기 및 정답
A 브라우저의 다음 리페인트 직전에 콜백을 실행하여, 부드러운 60fps 애니메이션을 구현한다
B 서버에 애니메이션 관련 데이터를 비동기로 요청하고 응답을 처리하는 함수이다
C 이미지 파일의 프레임 수를 확인하고 각 프레임의 메타데이터를 반환하는 함수이다
D CSS 애니메이션의 속도와 타이밍 함수를 JavaScript 코드로 직접 제어하는 메서드이다

해설

requestAnimationFrame(callback)은 브라우저가 리페인트하기 직전에 콜백을 실행하여 화면 주사율(보통 60fps)에 맞춘 부드러운 애니메이션을 구현합니다. setInterval보다 성능이 좋고, 탭이 비활성일 때 자동으로 일시정지되어 리소스를 절약합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기