Releases: ezdar2743/react-daum-address-hook
Releases · ezdar2743/react-daum-address-hook
v1.1.2 (2024.12.15)
기능 개선: onComplete 콜백 추가
배경
주소 선택 시, 특정 작업(예: 폼 값 설정)을 바로 수행하고 싶은 경우가 많았습니다. 기존에는 selectedAddress를 통해서만 접근이 가능했는데, 이제는 선택 즉시 원하는 작업을 수행할 수 있도록 개선했습니다.
변경사항
useAddressSearch 훅에 선택적 onComplete 콜백 추가
기존 selectedAddress 상태 동작 방식 유지
이전 버전과의 완벽한 호환성 유지
react-hook-form과 함께 사용하는 예시
// 새로운 방식
const { openSearch } = useAddressSearch({
onComplete: (data) => {
// 주소 선택 시 폼 값 직접 업데이트
setValue('postalCode', data.zonecode);
setValue('address', `${data.address} ${data.buildingName || ''}`);
}
});
// 기존 방식 (계속 지원)
const { selectedAddress, openSearch } = useAddressSearch();
장점
- 주소 선택 시점에 즉시 원하는 작업 수행 가능
- 더 선언적이고 직관적인 코드 작성 가능
- 폼 라이브러리 등과의 더 깔끔한 통합
마이그레이션
기존 코드는 변경 없이 계속 작동합니다. onComplete 콜백은 완전히 선택적입니다.