인프런 커뮤니티 질문&답변

강의 잘 보고 있습니다!!
강의 중 궁금한 부분이 있어서 질문드립니다!!

첫 번째로 가상돔 동작 순서입니다

처음 ReactDOM.render 메서드가 호출이 되면 가상돔이 첫 번째 인수로 전달받은 리액트 엘리먼트를  두 번째 인수로 전달받은 돔 엘리먼트의 자식 엘리먼트로 추가한 가상돔을 생성하고, 생성한 가상돔을 토대로 DOM API를 호출하여 실제 돔에 반영을하고,
이후에 DOM API가 호출되면 가상돔이 다시 전체 화면을 그린 후 이전에 그렸었던 가상돔과 비교하여 실질적으로 변경이 필요한 부분만 DOM API를 호출하여 실제 돔에 반영하는 것이 맞나요??

 

두 번째로 가상돔이 DOM API를 호출하는 것입니다.

 브라우저에서 버튼 색이 빨강 -> 파랑 -> 빨강 이렇게 DOM API 호출을 요청하면 이 요청들을 가상돔이 갖고 있다가 결과적으로 빨간색으로 출력되면 되기 때문에 중간에 파란색으로 변경하지 않고 바로 빨간색으로 변경되는 DOM API만 호출하는 것인가요? 이렇게 DOM API를 모아서 한 번에 호출하는 주기가 따로 있는건가요?