반응형 리액트에서 DOM 참조 다루기1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 81 (리액트에서 DOM 참조 다루기, 클래스 컴포넌트의 Ref) 목차리액트에서 DOM 참조 다루기클래스 컴포넌트의 Ref오늘 하루를 돌아보며 리액트에서 DOM 참조 다루기리액트는 가상 DOM을 사용해 효율적으로 UI를 관리하지만, 특정 상황에서는 실제 DOM 요소에 직접 접근해야 한다. 이럴 때 useRef 훅을 사용한다. DOM 참조의 주요 사용 사례는 다음과 같다.초점/스크롤 제어: 특정 인풋 요소에 자동으로 초점을 맞추거나, 특정 섹션으로 스크롤을 이동시킬 때 사용한다.외부 라이브러리 연동: Canvas Confetti, Vanilla Tilt, GSAP 등 DOM을 직접 조작하는 외부 라이브러리와 함께 사용할 때 필요하다.미디어 제어: , 와 같은 HTML 미디어 요소를 재생하거나 일시 정지하는 등 직접 제어할 때 사용한다.Canvas 제어: 요소에 그림을 .. 2025. 9. 1. 이전 1 다음 반응형
