• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

reflow관련 질문 드립니다.

20.07.26 13:43 작성 조회수 101

0

안녕하세요?

1분코딩 강좌를 즐겁게 듣고있습니다.

reflow라는 단어가 나와서 검색하고 공부하던 도중에 궁금함이 생겨 질문드립니다.

https://stackoverflow.com/questions/27637184/what-is-dom-reflow

위 스택오버플로우 답변 중에

animating a DOM element not necessarily trigger reflow, for eg. if you are using CSS3 property to transform, reflow doesn't happen

라는 답변이 있습니다.

위 답변에 따르면 해당 강좌에서 배운 transform 속성을 쓰면 reflow가 일어나지 않는다고 해서요. 그럼 transform 속성을 쓰면 reflow가 일어나지 않고 repaint만 일어나서 성능에 이점이 있다고 이해해도 될까요?

답변 1

답변을 작성해보세요.

2

맞습니다^^ reflow라는 것 자체가 다른 객체들과의 위치관계를 계산으로 재설정하는 것인데,
transform을 이용한 변환은 다른 객체의 위치에 영향을 주지 않기 때문에 브라우저입장에서는 다시 계산할 필요가 없고,
그 결과 연산할 꺼리가 줄어들어 성능이 좋아진다-라고 생각하시면 됩니다.