React Hook Form의 isDirty와 dirtyFields를 알아보자

이 글은 React Hook Form(RHF)에서 폼의 변경 상태를 추적하는 `isDirty`와 `dirtyFields` 속성에 대해 설명합니다. 웹 애플리케이션에서 사용자가 폼의 필드 중 하나라도 수정했는지 여부를 확인하는 것은 중요합니다.

RHF는 `formState` 객체를 통해 이를 지원하며, `isDirty`는 폼의 어떤 필드라도 수정되었는지 여부를 불리언 값으로 반환하고, `dirtyFields`는 수정된 필드들의 정보를 객체로 제공합니다. 글쓴이는 `isDirty`가 초기값으로 돌아간 후에도 `true`를 유지하는 현상을 겪었으며, 결국 `dirtyFields`가 비어있는지를 확인하는 방식으로 문제를 해결했습니다.

이 경험을 통해 RHF의 폼 상태 관리 기능을 더 깊이 이해하고 활용하는 방법을 공유합니다.