refs의 용도는 무엇인가요?

*refs는 React에서 사용되는 특별한 속성으로, DOM 요소나 React 컴포넌트 인스턴스에 직접적인 접근을 가능하게 하며, 직접적인 접근이 필요한 경우에 유용할 수 있습니다.*

refs는 주로 다음과 같은 경우에 사용됩니다.

• DOM 노드의 크기, 위치 등을 계산해야 할 때
• DOM 노드에 포커스를 설정하거나 입력 값을 변경해야 할 때
• 자식 컴포넌트의 메서드를 호출해야 할 때
• React 컴포넌트의 라이프사이클 메서드를 호출하거나, 상태(state)를 직접적으로 변경해야 할 때

*refs는 주로 컴포넌트 외부(Web API, 라이브러리)에서 컴포넌트 내부에 접근해야 하는 경우에 사용되며, 사용할 때에는 신중하게 사용하여야 합니다.*

어떻게 refs를 생성하나요?

함수형 컴포넌트에서 refs 를 생성하는 방법은 크게 두 가지가 있습니다.

1. useRef Hook 사용하기
2. 클로저(Closure) 사용하기