react-daum-address-hook

간단하고 가벼운 React용 Daum(Kakao) 주소 검색 훅입니다.
성능을 최적화 하여 매우 가볍게 사용 할 수 있으며, 아주 간단하게 다음 검색 기능을 사용 할 수 있습니다.

특징

- 🚀 간편한 사용
- 🎯 TypeScript 지원
- 📦 초경량 (556B gzipped)
- ⚛️ React 16.8+ 지원
- 🔄 Next.js 호환

설치

``bash
npm install react-daum-address-hook
`

또는

`bash
yarn add react-daum-address-hook
`

사용법

`tsx
import { useAddressSearch } from "react-daum-address-hook";
const AddressSearch = () => {
// NOTE: onComplete is optional
const { selectedAddress, openSearch, isReady } = useAddressSearch({
onComplete: (data) => {
setValue("postalCode", data.zonecode);
setValue("address", ${data.address} ${data.buildingName || ""});
},
});
console.log(selectedAddress);
return (


`js
jsCopy;
/* @type {import('next').NextConfig} /
const nextConfig = {
transpilePackages: ["react-daum-address-hook"],
};

module.exports = nextConfig;
``

스크린샷

라이선스

MIT