css-animation1 왜 애니메이션에서 transform이 성능이 좋을까? 안녕하세요! AT WEB 36기 OB 이진혁입니다. 이번에 블로그 과제를 구현하면서 애니메이션에 transform을 활용을 하게 되었습니다. 구현을 하고 나니 이전에 transform을 사용하면 position을 활용한 애니메이션 구현보다 성능이 좋다는 글이 떠올랐고, 대충 그렇구나 하고 넘어간 부분에 대해 정확한 이유를 파악하기 위해 학습 후 아티클을 작성해보았습니다! 결론부터 말해 애니메이션을 구현할 때 position이 아닌 transform 속성을 활용하면 더 성능이 좋다고 한다. 그 이유가 무엇일까?이를 직접 확인하기 전에 알아야하는 브라우저 렌더링 과정에 대해 간단하게 알아보자. 브라우저 렌더링 과정 브라우저의 렌더링 과정을 그림으로 표현하면 다음과 같다. 렌더링 엔진이 (전달받은) HTML .. 2025. 4. 11. 이전 1 다음
