👉 다음 주소 aAPI 찾기
회원가입 구현 중 주소를 넣게 될 경우 daum에서 무료료 제공하는 '우편번호 검색 서비스' 를 이용 할 수 있다. 가이드 문서 링크는 아래와 같다.
https://postcode.map.daum.net/guide
Daum 우편번호 서비스
우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.
postcode.map.daum.net
👉 예제 코드
Daum 주소 찾기 API는 서버기반 환경에서 실행해줘야 아래 코드가 돌아간다.
<html>
<head>
<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
function DaumPostcode() {
new daum.Postcode({
oncomplete: function (data) {
document.getElementById("address").value = data.address; // 주소 정보를 해당 필드에 넣는다.
},
}).open();
}
</script>
</head>
<body>
<div>
<input type="text" id="address" name="address" placeholder="클릭하여 주소를 검색해주세요." onclick="DaumPostcode()">
</div>
</body>
</html>'기술 정리 & CS > 기타 지식' 카테고리의 다른 글
| [Cron] 작업 스케쥴러 (Cron, CronTab, CronJob) (0) | 2022.08.26 |
|---|---|
| [UUID] UUID 란? (with. Python, JS) (0) | 2022.07.22 |
| [단축키] VSCode 단축키 (0) | 2022.06.27 |
| Font Awesome 이용법 (아이콘, ICON) (0) | 2022.04.28 |
| Git Command 정리 (0) | 2022.04.27 |