가상돔 관련 질문있습니다!!

Question

강의 잘 보고 있습니다!! 강의 중 궁금한 부분이 있어서 질문드립니다!! 첫 번째로 가상돔 동작 순서입니다 처음 ReactDOM.render 메서드가 호출이 되면 가상돔이 첫 번째 인수로 전달받은 리액트 엘리먼트를 두 번째 인수로 전달받은 돔 엘리먼트의 자식 엘리먼트로 추가한 가상돔을 생성하고, 생성한 가상돔을 토대로 DOM API를 호출하여 실제 돔에 반영을하고, 이후에 DOM API가 호출되면 가상돔이 다시 전체 화면을 그린 후 이전에 그렸었던 가상돔과 비교하여 실질적으로 변경이 필요한 부분만 DOM API를 호출하여 실제 돔에 반영하는 것이 맞나요?? 두 번째로 가상돔이 DOM API를 호출하는 것입니다. 브라우저에서 버튼 색이 빨강 -> 파랑 -> 빨강 이렇게 DOM API 호출을 요청하면 이 요청들을 가상돔이 갖고 있다가 결과적으로 빨간색으로 출력되면 되기 때문에 중간에 파란색으로 변경하지 않고 바로 빨간색으로 변경되는 DOM API만 호출하는 것인가요? 이렇게 DOM API를 모아서 한 번에 호출하는 주기가 따로 있는건가요?

김정환 · Answer

네 맞습니다. 가상돔에 대한 재 설명이 좀 추상적이고 덜 구체적인데도 잘 이해해 주셨네요.