Корея! Ура! 대한독립만세! 하얼빈station.

콜백 함수를 이용한 Ref 사용 방법과 콜백 함수 Ref와 createRef()의 비교표

---

콜백 함수를 이용한 Ref 사용 요약

단계	클래스 컴포넌트	설명
1. Ref 설정	ref={x => this.myInput = x}	콜백 함수를 이용하여 Ref를 설정합니다. 여기서 x는 Ref가 연결된 DOM 요소입니다.
2. Ref 접근	this.myInput	설정된 Ref는 this.myInput을 통해 접근할 수 있습니다.
3. DOM 조작	this.myInput.focus();	Ref를 사용하여 직접 DOM 요소를 조작할 수 있습니다. 예: 포커스 설정, 값 변경 등.

---

콜백 함수 Ref vs createRef()

항목	콜백 함수 Ref	createRef()
설정 방법	ref={x => this.myInput = x}	myInput = React.createRef();
Ref 연결	콜백 함수 내에서 직접 할당	ref={this.myInput}
접근 방법	this.myInput	this.myInput.current
유연성	더 유연하게 Ref를 설정할 수 있음	간단하고 직관적이지만 덜 유연함
사용 사례	조건부 Ref 설정, 여러 Ref 관리 시 유용	단일 Ref 설정 시 간편하게 사용 가능

---

콜백 함수를 이용한 Ref의 설정 및 활용 방법과 createRef()와의 차이점을 한눈에 비교가능