Skip to content

Releases: ezdar2743/react-daum-address-hook

v1.1.2 (2024.12.15)

15 Dec 06:51
c0724d5
Compare
Choose a tag to compare

기능 개선: 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 콜백은 완전히 선택적입니다.