[프리온보딩] React 렌더링 최적화

렌더링 렌더링이란? 리액트에서 렌더링이란 화면에 특정한 요소를 그려내는 것을 의미한다. 브라우저는 DOM요소를 계산하고 그려내는 렌더링 과정을 거치고, 우리는 브라우저에서 제공하는 DOM API를 자바스크립트를 통해 호출해 화면을 변화시킨다. 하지만 Vanila JavaScript를 이용해 DOM에 직접 접근하고 최적화하는 것은 애플리케이션 규모가 커질수록 관리하기 힘들다. 때문에 핵심 UI를 선언하기만 하면 DOM을 조작해서 UI를 그려내고 변화시키는 일은 라이브러리나 프레임워크가 대신해주는 방식을 찾게 됨. React, Vue, Angular 등이 등장하게 된 이유. 리액트에서 리렌더링 되는 시점 리액트에서 state를 사용하는 이유는 UI와 상태(state)를 연동시키기 위함이다. UI와 연동 되어..