참고사이트
React Virtual DOM 왜 쓰냐?!
'데이터가 바뀌면 그냥 뷰를 날려버리고 새로 만들어버리면 어떨까?!' React가 시작하게 된 생각이다.
그렇지만 브라우저가 게임 엔진도 아니고, DOM 기반으로 동작하는 이 페이지는 그때 그때 새로 뷰를 만들어버리고 하면 성능에 엄청난 문제가 생긴다!
그래서 Virtual DOM을 사용한다!!!
Virtual DOM
Virtual DOM은 가상의 DOM이다. 변화가 일어나면, 실제로 브라우저의 DOM 에 새로운 것을 넣는 것이 아니라, JS로 이루어진 가상 DOM 에 한 번 렌더링하고, 기존의 DOM 과 비교를 한 다음에 변화가 필요한 곳에만 업데이트를 해주는 것이다.
Virtual DOM 은 DOM 변화를 최소화 시켜주는 역할을 한다. 이 횟수를 최소화 시키는 것은 성능적으로 매우 중요한 이슈이다!!!
*3rd party libary
- 프로그래밍에서 3rd party란 프로그래밍을 도와주는
pulg_in이나libary를 만드는 회사를 말한다. - 서드 파티 라이브러리란 | 개인 개발자나 프로젝트 팀, 혹은 업체 등에서 개발하는 라이브러리를 말한다.
- 리액트에는 공식적인 라이브러리는 없지만 3rd party libary 가 존재한다.
리액트의 몰랐던 장점...?
React 라이브러리는 뷰 쪽만 관리하게 되고, 나머지 기능은 3rd party 라이브러리가 담당하게 함으로서, React는 리액트 라이브러리로서 더욱 성숙해질 수가 있을 것이다!
