useRef vs useState (1) 썸네일형 리스트형 [React] 리엑트 살펴보기8: useRef를 사용하는 이유(컴포넌트 사이클에 독립적인 객체 저장, 비제어 컴포넌트) useRefuseRef는 자바스크립트의 DOM API중 셀렉터와 유사하다. 셀렉터는 getElementId나 querySelector 처럼 엘리먼트의 속성을 근거로 접근한다. 하지만, 이런 방식에 문제가 있어 대안으로서 useRef를 사용한다. React에서 자바스크립트의 DOM API의 사용을 지양하는 이유리엑트에서도 때때로 이렇게 돔에 직접 접근하고 무언가를 수정해야할 때가 있다. 스크롤같은 요소의 속성에 접근하던지 focus 등의 api를 사용할 때 말이다. 하지만, React 디자인의 이상적인 형태에 방해가 될 수 있다. 이유1: 가상돔 업데이트 메커니즘과 우회 문제리엑트는 가상돔을 사용한다. 이 방식은 dom에 사용되는 상태값의 변경을 메모리 상에서 가상돔이라 불리는 객체 내에서만 작업한 후, .. 이전 1 다음