개발 지식 정리/Javascript
requestAnimationFrame
일반적으로 웹에서 애니메이션 작업을 위해서는 css를 사용하는데 주로 transform, translate, animation 속성을 이용한다. 하지만 css로는 구현하기 어려운 애니메이션 작업을 구현하기 위해서는 자바스크립트를 사용하기도 하는데 이 때 자연스러운 애니메이션을 구현하기 위해서 requestAnimationFrame이 사용된다고 한다. 브라우저의 렌더링 과정도 소개하면서 함께 requestAnimationFrame에 대해서 알아보도록하자. 브라우저 렌더링 과정 위의 사진을 글로 간단하게 요약해보자면 브라우저의 렌더링 엔진은 서버로부터 받은 html과 css를 통해 각각 DOM과 CSSOM을 생성하고, 생성된 DOM과 CSSOM을 결합하여 렌더 트리를 생성한다. 생성된 렌더 트리를 기반으로 ..
