이번에는 useRef()에 대한 조금은 심도있는 이야기를 해보려고 한다. 리액트 공식 문서를 살펴보면 useRef()는 escape-hatches(탈출구)라고 말한다.
그래서, useRef()는 왜 "escape-hatches"인가? 에 대해 정리해보려고 한다!
1️ useRef()는 무엇인가? useRef()는 언제 사용해야 하는 것인가?
DOM을 조작할 때 ? 지금까지 나는 대부분 useRef()를 React가 관리하는 DOM 노드를 조작하기 위해서 사용해왔다.
거의 대부분 기초 강의에서도 useRef()를 소개할 때 DOM 요소를 조작하는 것을 예로 들어 설명한다. 한 번 DOM 요소를 가져와서 조작해보자. import { useEffect, useRef } from "react"; export default function App() { const hello = useRef(null); useEffect(() => { console.log(hello); // {current...
