끄적끄적

리플로우와 리페인트? 웹개발을 하며 자연스럽게 접하게 되는 개념 중 하나일 것이라 생각합니다. 웹의 렌더링에 대한 개념이기에 웹개발자로써 기본적으로 알고 있어야 되지만 시간이 지나면 자연스럽게 이러한 이론은.. 흐려지게 되죠? 그래서 한번 정리해 두고자 합니다. 리?플로우 리?페인트란 웹 브라우저의 렌더링이 될 때 위의 그림과 같은 과정을 거치는데, 렌더트리에서 배치와 그리기 과정을 거치는 부분을 의미합니다.리플로우 배치과정이 다시 반복된다라고 보면 됩니다. 배치는 렌더트리를 구성하는 과정에서 크기, 위치등을 담당하고 display 그리고 width, height, position 등을 계산을 하게 되는데 이 부분을 재배치를 하게 되는것을 리플로우라고 합니다. 예를들어 자바스크립트의 바인딩을 이용해 동적..