react-hook-form (controlled component, uncontrolled component 리렌더링)

• 리액트에서 입력을 받는 방법 중 controlled component는 입력값을 상태로 관리하며, uncontrolled component는 DOM에 저장된 값을 ref를 통해 가져오는 방식을 사용한다.

• controlled component는 실시간으로 입력값을 관리할 수 있지만 코드가 복잡해질 수 있고, uncontrolled component는 필요한 시점에 값을 가져오는 방식으로 더 간단하지만 실시간 처리가 어렵다.

• React-hook-form은 Uncontrolled component 방식을 사용한 라이브러리로, 코드 간결성, 적은 용량, 자식 컴포넌트 리렌더링 방지, 렌더링 최소화, 빠른 마운트 속도 등의 장점이 있다.

• 실제 사용 사례에서는 setValue와 watch 기능을 활용하여 이미지 배열을 관찰하고, 자식 컴포넌트의 값을 받아 반영시키는 방식으로 적용되었다.