useRef에 관한 고찰, DOM의 조작

useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다.  브라우저에서 js의 존재이유는 DOM의 조작입니다.어떤 이벤트를 받아서 처리하고, 있는 객체를 움직이거나 변화하는 등 모든 DOM의 조작은 js를 사용함으로써 정적 정체성을 탈피합니다.물론 CSS를 통해서도 움직임을 줄 수야 있지만 우리가 생각하는 다이나믹한 이벤트 핸들링은 복잡하거나 불가합니다. 문제는 리액트에서 DOM 요소의 조작입니다. 리액트는 렌더링을 하며 virtual DOM이라 불리는 가상 DOM을 먼저 만들고, 그것을 실제 생성된 DOM과 비교하여 차이가 있는 부분만을 리렌더링하는 방식을 통해 효율성을..

2021.09.12