고객이 기본 주소를 입력하거나 주문 배송지 정보를 입력하는 경우, Daum 우편번호 서비스를 통해 입력할 수 있게 만들어주는 플러그인입니다.

Daum 우편번호 서비스

설치 및 설정이 완료되면 고객 기본 주소 수정(customer-update-address), 주문/정기 구독(checkout) 컴포넌트의 주소 입력창에 주소 찾기 버튼이 추가된 것을 확인할 수 있습니다.

설치하기


우선 플러그인 설치를 위해서 썬더의 설치문 밑에 다음과 같은 스크립트 설치문을 추가해주세요.

<!-- 디펜던시: 다음 우편번호 서비스 SDK -->
<script src="<https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js>"></script>
<!-- ... 썬더 설치 코드 -->
<!-- 썬더: 다음 주소 검색/입력 플러그인 -->
<script src="<https://code.clayful.io/clayful-thunder@1.2.1/plugins/searchAddress/daum.min.js>"></script>

설정하기


설치가 완료되었으면, 다음과 같이 옵션과 함께 플러그인을 설정할 수 있습니다.

Thunder({
	...
	plugins: {
		searchAddress: ThunderSearchAddressDaum({
			type:    'popup',
			options: { ... }
		})
	}
});

type