답변
DOM에 접근할 때 사용합니다. 특정 엘리먼트의 크기, 스크롤바의 위치, 포커스 설정 등등 다양한 상황에서 사용됩니다. 또한 useRef로 설정된 주소값은 리렌더링 되더라도 바뀌지않아 current값이 변화해도 리렌더링에 관여하지 않습니다.
꼬리질문
ref와 state의 차이? state는 리렌더링에 관여하지만 useRef로 선언된 변수는 리렌더링에 관여하지 않습니다.
특정 버튼을 눌렀을 때 특정 input태그에 focus가 잡히는 기능을 구현할 때 사용
참고자료
[React] useRef - 필요성, 필요한 상황, 사용법
🔎 이번에는 React를 사용하는 프로젝트에서 DOM을 직접 선택해야 하는 상황일 때 사용하는 useRef에 대해 학습했다. 왜 필요한지, 필요한 상황은 언제인지, 어떻게 사용하는지 정리하며 복습하고
velog.io
https://programming119.tistory.com/266
[React🌀] Ref 에 대한 고찰 🔍 / 2️⃣ - useRef 와 useState, 그리고 global Variable
들어가며 이전 포스팅을 읽고 오시는 것을 추천드립니다 ! https://programming119.tistory.com/265 [React🌀] Ref 에 대한 고찰 🔍 / 1️⃣ - Ref 의 활용과 useRef Ref는 언제 사용할까? ref 는 references 의 약자로, R
programming119.tistory.com
https://eundol1113.tistory.com/m/400
[React] 렌더링 최적화 Hook - useRef
JavaScript에서 특정 DOM을 선택해야 할 때는 DOM selector를 사용하고, React에서도 특정 요소의 크기를 가져오거나 focus를 설정할 때 특정 DOM을 선택해야 하는 상황이 있습니다. 이럴 때, React 함수형 컴
eundol1113.tistory.com
'1차 공부 > 기술면접 준비' 카테고리의 다른 글
| 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여설명해주세요. (0) | 2023.03.01 |
|---|---|
| Cookie의 MaxAge, Expires 옵션이 무엇인지, 설정하지 않으면 어떻게 되는지 설명해주세요. (0) | 2023.03.01 |
| 배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해 설명해주세요 (0) | 2023.02.28 |
| require와 import차이점을 설명해주세요. 각각 어떤 상황에서 쓸 수 있나요? (0) | 2023.02.27 |
| 브라우저 저장소에 대해서 차이점을 설명해주세요 (0) | 2023.02.27 |