React 란 ?
- React는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리
- SPA(Single Page Application)로 사이트를 표현할 수 있도록하는 프레임 워크
React 특징
컴포넌트 단위 개발
캡슐화된 컴포넌트가 스스로 상태를 관리하고 복잡한 UI도 효과적으로 구성할 수 있음
선언적
리액트는 대화형 UI를 작성하기에 유리하다. 데이터가 변경되었을 때 효율적으로 렌더링을 수행할 수 있도록 한다.
Virtual Dom을 통한 빠른 UI 업데이트
Virtual Dom 이란 ?
- 실제 돔에 접근하여 조작하는 대신, 이를 추상화시킨 자바스크립트 객체를 이용한다.
Virtual Dom 을 사용하는 이유 ?
기존에는 Dom에 변화가 일어나게 되면 CSS를 다시 연산하고 레이아웃을 다시 잡고 그려주는데 많은 시간을 사용하게 된다. 이 부분에서 Virtual Dom을 사용하게 되면 이전의 Dom과 비교하여 바뀐 부분만을 실제 Dom에 적용하도록 하여 연산을 많이 줄여주게 된다.
