react-daumpost-hook 1.1.6 → 1.1.8

package/README.md

@@ -93,8 +93,8 @@ import ReactDaumPost from 'react-daumpost-hook';
   팝업 방식으로 쓰신다면 js 기반 프로젝트라면 어디서든 상관 없습니다.  
   다만 타입스크립트의 사용시 리액트 기반으로 타입추론을 하고 있습니다.
 
-### PROPS
-
+### Props
+>  
 > config자체를 넘기지 않을 경우 console에 검색결과를 출력 합니다.
 
 1. **`ref (?ref)`** : 다음 우편번호 찾기 검색창을 삽입시킬 컴포넌트입니다. useRef를 통해서 셀렉한 ref를 넘깁니다., **해당 속성을 비워두시면 자동으로 우편코드 검색 창을 팝업 방식**으로 띄웁니다.
@@ -117,12 +117,10 @@ import ReactDaumPost from 'react-daumpost-hook';
 자세한 내용은 [Daum Postcode API 가이드](http://postcode.map.daum.net/guide#usage)에서 참고해주시길 바랍니다.
 
 4. **`config (?object)`** : 다음 API에서 제공되는 **config들을 사용하실 경우 제공되는 인터페이스**입니다. 자세한 내용은 [Daum Postcode API 가이드](http://postcode.map.daum.net/guide#usage)에서 참고해주시길 바랍니다.
-   
 5. **`onComplete (function)`** : API 검색 결과를 처리할 함수를 넘겨주시길바랍니다.  
    `config 자체를 안넘길 경우 기본 값은 (data) => console.log(data)입니다.`
 
-**_ref, apiUrl, method, onComplete, config 5가지 인자_** 를 `config` 프로퍼티로 해당 커스텀훅에 넘겨서 API를 설정할 수 있습니다.  
-4가지 중 **_반드시 필요한 속성은 검색결과를 처리할 onComplete 하나_** 입니다. 를 통해서 원하는 위치에 검색창을 삽입하시거나 팝업방식으로 간단히 API를 이용가능하니 참고하셔서 사용해주시고 문의가 있을시 해당 Git Repo에 이슈로 등록해주시길 바랍니다.
+**_ref, apiUrl, method, onComplete, config 5가지 인자_** 중 **_반드시 필요한 속성은 검색결과를 처리할 onComplete 하나_** 입니다. **ref** 를 통해서 원하는 위치에 검색창을 삽입하시거나 팝업방식으로 간단히 API를 이용가능하니 참고하셔서 사용해주시고 문의가 있을시 해당 Git Repo에 이슈로 등록해주시길 바랍니다.
 
 ### LICENSE
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-daumpost-hook",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "다음 카카오에서 무료로 제공하는  우편번호(주소찾기) API를 쉽게 기존 코드에 연결 할 수 있는 hook 패키지 입니다.",
   "main": "src/index.js",
   "types": "src/index.d.ts",
@@ -38,6 +38,6 @@
   },
   "homepage": "https://github.com/yoonjonglyu/react-daumpost-hook#readme",
   "dependencies": {
-    "react": "^17.0.2"
+    "isa-util": "^1.0.7"
   }
 }

package/src/index.d.ts

@@ -16,7 +16,7 @@ declare module 'react-daumpost-hook' {
 
   interface ReactDaumPostProps {
     ref?: React.MutableRefObject<any>;
-    onComplete: (state: PostStateProps) => VoidFunction;
+    onComplete: (state: PostStateProps) => void;
     apiUrl?: string;
     method?: {
       onresize?: (size: { width: number; height: number }) => void;

package/src/reactDaumPostHook.js

@@ -1,3 +1,5 @@
+import { loadCDN } from 'isa-util';
+
 function daumPostCodeHook(props) {
   const { ref, apiUrl, method, onComplete, config } = props;
 
@@ -13,19 +15,10 @@ function daumPostCodeHook(props) {
   const __config = { ...config };
 
   // 스크립트가 없을시 로드 해오는 부분
-  if (document.getElementById(__scriptId) === null) {
-    const __postCodeScript = document.createElement('script');
-    __postCodeScript.id = __scriptId;
-    __postCodeScript.src = __postcodeUrl;
-    document.head.appendChild(__postCodeScript);
-  }
+  loadCDN(__scriptId, __postcodeUrl);
 
   const getPostCode = () => {
-    if (ref === undefined) {
-      getPostCodePopup();
-    } else {
-      getPostCodeEmbed();
-    }
+    ref === undefined ? getPostCodePopup() : getPostCodeEmbed();
   };
 
   const getPostCodeEmbed = () => {