requestAnimationFrame (1) 썸네일형 리스트형 [Javascript] 웹 애니메이션 , requestAnimationFrame setInterval은 애니메이션에 실패하고, requestAnimationFrame이 정답인 이유 웹에서 부드러운 애니메이션을 구현하려 할 때, setInterval은 가장 먼저 떠오르는 손쉬운 방법입니다. 하지만 곧 한계에 부딪힙니다. 애니메이션이 뚝뚝 끊기거나, 다른 탭에 다녀오면 시간이 엉망이 될 수 있습니다. 이 글에서는 setInterval이 본질적으로 가진 문제점과, 왜 requestAnimationFrame (rAF)이 현대 웹 애니메이션의 표준이 되었는지 브라우저의 렌더링 원리와 함께 자세히 알아보겠습니다. 1. 오래된 방식: setInterval 애니메이션의 한계setInterval(callback, 16)은 "16ms마다 callback을 실행하라"는 명령입니다. 하지만 이 방식은.. 이전 1 다음
![[Javascript] 웹 애니메이션 , requestAnimationFrame 썸네일](http://i1.daumcdn.net/thumb/C264x200.fwebp.q85/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FdJEmMe%2FdJMcab3Aa9i%2FAAAAAAAAAAAAAAAAAAAAABjYtM_ixjaiYQ4ThEtTph4nUSWKNk1QZ-QDp2q65BUc%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1785509999%26allow_ip%3D%26allow_referer%3D%26signature%3DztN9L10139EmgSbS2hPARhL38bY%253D)