useRef : 리액트 렌더링과 비동기적인 작업 처리

리액트는 가상 DOM 끼리의 비교작업을 통해 수정된 부분을 파악하고 필요한 부분을 재렌더링 한다.

 

웹캠 영상 같은 프레임단위로 처리되어야 할 요소의 경우 기존 렌더링 과정과 별개로 처리되어야 한다.

 

가상 DOM이 아닌 실제 DOM을 직접 컨트롤 하여 리액트 렌더링과 비동기적으로 처리되어야 하는 작업은 useRef라는 React Hooks를 사용한다.

 

비디오 영상을 다루기 위해서는 useRef를 사용하여 html요소에 접근하고 원하는 위치에 영상을 표시할 수 있다.