React 고급 개념 정리: Escape Hatches, Refs,Effects
·
React
1. Escape Hatches: React의 예외 처리 방법React는 선언형 UI 라이브러리이지만, 때때로 imperative(명령형) 접근이 필요할 때가 있습니다. 이런 경우를 위해 React는 몇 가지 "Escape Hatches(탈출구)"를 제공합니다.1.1 useRef상태(state)처럼 값이 유지되지만 렌더링을 트리거하지 않음.주로 DOM 요소에 직접 접근하거나 값이 변하지만 렌더링이 필요 없는 경우 사용.1.2 forwardRef부모 컴포넌트에서 자식 컴포넌트의 DOM 요소에 직접 접근해야 할 때 사용.ref를 props로 넘겨받아 특정 요소를 참조 가능.1.3 useImperativeHandleforwardRef와 함께 사용하여, 부모가 특정 기능을 자식 컴포넌트에 제공할 수 있도록 함...