useRef에 대하여...

<회고록>

오늘은 useRef에 대해서 알아볼려고 한다. 정확하게는 useRef가 무엇인지에 대해서 알아볼려고 한다.

 

1. useRef가 무엇인가?

: useRef는 리엑트에서 제공하는 훅으로 크게 2가지의 기능을 가지고 있다. 첫번째는 DOM에 대한 참조 , 두번째는 값의 저장이다.

 

1-1) DOM의 대한 참조

: react에서 DOM에 직접적으로 참조를 하는데 사용하는 훅으로 getElementById와는 다음과 같은 차이점이 있다. getElementById는 리엑트와의 통합을 제공하지 않는다. 이 말은 useRef는 React 컴포넌트의 생명 주기와 통합되어 컴포넌트 리렌더링에 영향을 받지 않는다. 반변 getElementById의 경우 컴포넌트 리렌더링에 영향을 받는다.

1-2) 값의 저장

: useRef의 경우에는 리엑트의 샘여 주기와 통홥되어 있기에 컴포넌트 리렌더링에 영향을 받지 않는다. 이 말이 무슨 말이냐면 컴포넌트가 렌더링 된다고 하더라도 useRef의 값은 업데이트가 되지 않는다는 뜻이다. 이는 결과적으로 성능 최적화에 큰 도움을 줄 수 있다.