IT/면접

Q. useRef란?

뀨뿌뀨뿌 2023. 8. 3. 10:24

❓useRef

useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체로 반환합니다. 반환된 객체는 컴포넌트 전 생애 주기를 통해서 유지될 것입니다. - React 공식

-useRef는 React의 Hook중 하나로, 일반적으론 두가지 주요한 목적으로 사용됨

1. DOM에직접 접근하기
- useRef는 DOM 요소에 대한 참조를 저장하는데 사용될 수 있습니다. 이를 통해 직접적으로 DOM요소를 조작할 수 있음

2. 변경사항을 유지하려는 경우
- useRef는 값의 보관소 역할을 할 수 있음
- 이를 통해 값을 변경하면 리렌더링 없이 이 값을 기억할 수 있음

useRef는 React Hooks 중 하나로, 주로 두 가지 상황에서 사용합니다.
첫째, DOM요소에 직접적으로 접근할 필요가 있을 때 사용합니다.
둘째론, 컴포넌트 내에서 변경 가능한 값을 유지하고 싶을 때 사용합니다. 이 값은 컴포넌트가 리렌더링 될 때 유지되며, 상태 변경처럼 컴포넌트를 다시 렌더링 하지 않습니다.
즉, useRef는 DOM에 접근하거나, 시간이 지나도 변하지 않는 값을 보관하는 데 사용되는 React의 Hook이며 이는 컴포넌트의 상태관리와 별개로 작동하며, .current 프로퍼티를 통해 ref의 현재 값을 얻거나 변경할 수 있습니다.

'IT > 면접' 카테고리의 다른 글

Q. var, let, const의 차이  (0) 2023.08.08
Q. useEffect의 실행 순서  (0) 2023.08.03
Q. 버츄얼 돔과 리얼 돔의 차이  (0) 2023.08.02
Q. Redux외에 다른 전역 상태관리  (0) 2023.08.02
Q. Redux란? Redux를 사용하는 이유는?  (0) 2023.08.01