Virtual DOM(가상 돔)
기존의 DOM(HTML)의 성능 저하, 많은 비용 초래하는 것을 보완
1.JS의 경우
불필요한 변화, 성능 저하, 많은 비용 초래
2.JSX(virtual DOM 사용)
필요한, 변경된 부분만 감지
결론
JS의 경우 부모태그의 div태그까지 변화하였으나,
React의 경우에는 virtual DOM(가상담)을 이용하여, 변경된 부분만 감지 ===> Reflow, repaint 과정의 최소화
'React' 카테고리의 다른 글
| React-Hooks 사용하기(5) (0) | 2023.02.08 |
|---|---|
| React-State(4) (0) | 2023.02.07 |
| React-components&Props(3) (0) | 2023.02.07 |
| React-웹사이트에 React추가하기&JSX(1) (0) | 2023.02.02 |
