버츄얼 돔과 리얼 돔의 차이
리얼 돔은 웹 페이지의 실제 구조를 나타내는 HTML 요소들의 트리 구조를 의미합니다. 버츄얼 돔은 리액트(React)와 같은 프론트엔드 라이브러리에서 사용되는 가상의 돔 구조입니다. 사용자가 웹 페이지에서 정보를 접근하거나 수정할 때, 리얼 돔은 변경 사항을 처리하기 위해 전체 페이지를 다시 렌더링해야 합니다. 이러한 작업은 성능상의 단점을 발생시킬 수 있습니다. 그렇기 때문에 메모리 상에서 관리되는 버츄얼 돔으로 상태 변화를 리얼 돔에 바로 반영하지 않고 하나로 모아서 batch update를 하여 비용을 최소화 시킵니다.
useRef
useRef는 특정 DOM 요소에 접근하기 위해 사용되는 React Hook입니다 자바스크립트에서는 특정 DOM을 선택하기 위해서 querySeletor를 사용하지만 React에서는 useRef를 사용합니다 useRef는 current 프로퍼티로 전달된 인자 initialValue로 초기화된 변경 가능한 ref 객체를 반환하며 반환된 객체는 컴포넌트의 전 생애 주기를 통해 유지됩니다 또한 useRef를 이용해서 변수를 업데이트하게 되면 해당 컴포넌트가 리렌더링이 되지 않습니다
'기록 > TIL' 카테고리의 다른 글
| 2023.09.11 (0) | 2023.09.11 |
|---|---|
| 2023.09.08 모달 z-index가 안먹힌다? (0) | 2023.09.08 |
| 2023.09.01 (0) | 2023.09.01 |
| 2023.08.31 (0) | 2023.08.31 |
| 2023.08.30 (0) | 2023.08.30 |
