인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

김동현님의 프로필 이미지
김동현

작성한 질문수

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)

[React 소개] 가상돔

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

작성

·

184

0

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

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

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

 

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

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

답변 1

0

김정환님의 프로필 이미지
김정환
지식공유자

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

김동현님의 프로필 이미지
김동현

작성한 질문수

질문하기