useState

useRef 5가지 활용 사례

React 공식문서에서 useRef는 "렌더링에 필요하지 않은 값을 참조할 수 있는 React Hook"이라고 정의되어 있다.대부분의 개발자들은 useRef를 다음 두 가지 용도로만 사용한다.DOM 요소에 직접 접근 (예: input에 focus 주기)렌더링과 무관한 값 저장하지만 실제 현업에서는 훨씬 다양한 역할을 한다.최근 웹 기반 비디오 에디터를 개발하면서, 오디오 재생 기능 구현 과정에서 여러 버그를 마주쳤다. 특히 useRef를 적절하게 사용함으로써 버그들을 해결하였는데, 이번 경험을 통해 배운 useRef의 다양한 활용법을 공유하고자 한다.현재 담당하고 있는 서비스는 컷(클립) 단위로 영상을 편집하는 웹 기반의 비디오 에디터다. 기본적으로 다음 3가지 기능을 제공하는데, 편집이 완료된 결과물을..