꾸준히 공부하는 개발자

구직을 할 때 가끔 React 질문을 받을 때가 있다. 그 때마다 가상 DOM이 주는 이점에 대해 질문이 자주나왔던 것 같다. 그 부분에 대해 오늘 정리해보고자 한다. React의 장점은 컴포넌트로 사용할 수 있다. JSX 문법을 사용할 수 있다. 또 마지막으로 가상DOM 을 이용하여 직접 DOM을 건드리지 않아 가볍고 효율적으로 렌더링 할 수 있다. 라는 점인데 이 어떻게 가볍고 효율적인지는 대부분 잘 모를거라 생각한다. 그 부분에 대해 같이 알아보자. 일단은 dom이 어떻게 화면에 나타나게 되는지 과정을 알아야 한다. 1. html 을 파싱해서 DOM tree 를 그린다. 2. style sheets를 파싱해서 css 를 일단 그려내고 3. 둘을 합쳐 이제 렌더트리로 만든다. 4. 렌더트리를 화면에 ..