개발하자(DevHaja)

[React] Ref

📝 ref HTML에서 id를 사용하여 DOM에 이름을 다는 것처럼 React프로젝트 내부에서 DOM에 이름을 다는 방법이 ref(reference) 개념입니다. 🔎 함수형 컴포넌트에서 ref를 사용하려면 Hooks를 사용해야 하기 때문에 Class형 컴포넌트 먼저 알아보겠습니다. 📜 ref는 어떤 상황에서 사용해야 할까 React에서 state로만 해결할 수 없고, DOM을 반드시 직접 건드려야 할 때 사용하게 됩니다. ex) 특정 input에 focus주기, scroll box 조작, canvas 요소에 그림 그리기 등 📜 Class형 컴포넌트 - 콜백 함수를 통한 ref 설정하기 ref를 만드는 가장 기본적인 방법은 콜백 함수를 사용하는 것입니다. ref를 달고자 하는 요소에 ref라는 콜백 함수를..