프론트엔드 면접(render, commit단계)

1. 리액트의 render phase와 commit phase에 대해서 설명해주세요.

리액트의 랜더링 과정은 render phase과 commit phase로 나뉩니다.

render phase에서는 DOM에 그려질 요소들을 파악하는 단계입니다. 이때 재조정 과정을 거치게 됩니다. 재조정 과정에서 이전에 생성한 가상 DOM 트리와 새로 만든 가상 DOM 트리를 비교해서 실제 DOM 트리에 반영할 변경 사항을 파악합니다. 그리고 상태 업데이트가 발생한 컴포넌트를 호출해 새로운 가상 DOM트리를 만듭니다.

다음으로 commit phase에서는 render phase에서 진행한 두 가상 DOM트리의 변화를 실제 DOM에 적용하는 단계입니다.

요약해서 render phase는 변경된 사항을 파악하는 단계이고, commit phase는 변겅된 사항을 실제 DOM에 적용하는 단계입니다.