렌더링 시리즈 2 - 리액트의 렌더링
지난 포스트에서는 Critical Rendering Path에 대해 알아보며 브라우저의 렌더링 원리를 정리해보았습니다. 하지만 우리는 주로 React와 같은 Single Page Application을 위한 UI 라이브러리를 사용하여 웹 페이지를 개발합니다. 브라우저 렌더링 원리에 이어 리액트의 렌더링이란 무엇인지 알아보면서 SPA의 렌더링 방식에 대해 깊게 이해해봅시다. React의 역할 우선 리액트가 어떤 역할을 하는지에 대해 알아볼까요? 리액트의 역할은 다음과 같습니다. 1. DOM 업데이트 요청 발생 2. 동시에 발생한 업데이트들을 모음 3. 모아서 한번에 수정 4. DOM에 반영 즉, 리액트란 내부적으로 동시에 발생한 업데이트를 모아 최소한의 횟수로 돔을 수정할 수 있도록 자동화시킨 도구라고 볼..
