다음 주소 검색 리스크립트 바인딩
rescript-daum-postcode는 다음 주소 검색 자바스크립트 모듈의 리스크립트(ReScript) 바인딩 입니다.
설치하기
ReScript 버전 호환 표 | Compiler | res_daum_postcode | | -------- | ----------------- | | v11 | >= v0.2.0 | | v10 | ~<= v0.1.2 |
- 모듈 설치
npm i @greenlabs/rescript-daum-postcode
or
yarn add @greenlabs/rescript-daum-postcode-
rescript.json의존성 추가하기
"bs-dependencies": [
"@greenlabs/rescript-daum-postcode"
]사용방법
open DaumPostCode
let daumPostCode = make({
oncomplete: data => data->Js.Console.log,
onresize: size => size->Js.Console.log,
onclose: state =>
switch state {
| FORCE_CLOSE => "fc"->Js.Console.log
| COMPLETE_CLOSE => "cc"->Js.Console.log
},
onsearch: data => data->Js.Console.log,
width: 500.0,
height: 700.0,
})
// 팝업 방식
daumPostCode->openPostCode({
q: "문정동",
left: 100.0,
top: 200.0,
popupName: "주소검색",
autoClose: true,
})
// 임베드 방식
open Webapi
let div = Dom.document |> Dom.Document.getElementById("search-address")
div->Belt.Option.map(el => daumPostCode->embedPostCode(el, {
q: "문정동",
autoClose: true
}))->ignore