728x90
웹 리액트가 각광받고,
많은 스타트업에서 사용하고 있을까?
오늘은 그 이유에 대해서 공부해보자한다.
Web Browse Dom (웹 브라우저 돔)
실제 웹 프라우저가 웹 페이지를 띄어주는 과정이라고 보면 되겠다.
웹 킷에서 attach method (동기작업) 를 통해서 attachment를 이룬다.
그리고 display .
Virtual Dom (가상 돔)
내가 이해 하기로는 이렇다. 가상 돔이 있는데,
일반적으로 우리가 사용하는 자바스크립트에서는 가상 돔을 쓰지 않고
Real Dom 을 계속해서 사용하여 반복 랜더링을 해야 하기 때문에 비용적으로
손해 보는것은 당연하다고 느껴진다.
그래서 React에서 사용하는 Virtual Dom 이 있음으로 오프라인에서 가상의 돔 역할을 해줘 랜더할 비용을 줄여주고
그로인해 DOM을 이룰 때 딱 한번만 보내서 Display 할 수 있다고 해석했다.
이게 만약 틀렸다면 누군가 댓글로 잡아주면 좋겠다.
[번역] 리액트에 대해서 그 누구도 제대로 설명하기 어려운 것 – 왜 Virtual DOM 인가? | VELOPERT.LOG
리액트를 지난 2년간 사용하면서도 막상 말끔하게 설명하라고 하면 어려웠던 주제, 원래 번역글은 잘 안쓰지만 글 자체가 구성이 잘 되어있어서 글을 번역해보았습니다. 원본: https://hashnode.com/p
velopert.com
여기에 자세하게 설명되어 있어서,
링크를 남겨 놓겠다.
To be continued..
728x90
'Front > React' 카테고리의 다른 글
| [React] React export example (0) | 2023.02.24 |
|---|---|
| [React] Insert `⏎` prettier/prettier Error (0) | 2023.02.23 |
| [React] React Link & Routes Usage (0) | 2023.02.21 |
| [React] React generating error (0) | 2023.02.16 |
| [React] --isolatedModules ERROR (0) | 2023.02.16 |