Computer Science/Web

API] 다음 우편번호 API 사용하기

TwinParadox 2017. 2. 6. 16:41
728x90

필자가 대학을 다니는 동안 데이터베이스 과목을 수강을 했고,

그 과목에서는 PHP와 MySQL을 이용해서 자신만의 쇼핑몰을 만드는 것을 목적으로 했다.

사용자 모드와 관리자 모드가 존재하는,

서버에 올리면 즉시 활용 가능한 수준의 쇼핑몰이 기말 프로젝트로 평가 받았다.


당시 필자가 들었던 수업에서는,

우편번호 DB를 직접 서버에 저장해놓고 끌어다 쓰는 방식으로 우편번호 검색 기능을 넣도록 배웠다.

요즘 조금만 찾으면 무료 API를 활용할 수 있다는 걸 지난날의 경험을 통해 깨달은 필자한테,

MySQL 작업도 이제 좀 다뤄보는 학생들한테 넣기도 불편하고, 넣는 과정도 복잡하고,

심지어는 구식의 데이터를(사용하라는 우편번호 DB는 6자리, 현행 우편번호는 5자리) 활용한다는 것이

그리 좋은 소리로 들리지 않았다.


찾아보니까, 다음에서 우편번호 서비스를 제공하고 있다.

용도에 상관 없이 무료로, 키 발급도 필요 없이, 검색 횟수 제한도 없이, 꾸준히 업데이트 되는 정보를 사용할 수 있다.





http://postcode.map.daum.net/guide








기본적으로 이 기능을 어떻게 사용하는지에서부터 시작해서,

즉각 홈페이지에 이용할 수 있는 예제도 제공하고 있으며,

테마에 대한 설명도 있어서 원하는 스타일로 디자인을 변경할 수도 있게 해놨다.







input 태그를 꾸미거나 하는 것이 귀찮다면, 이런 예제를 그대로 가져다가 사용하면 된다.

iframe 태그로 레이어를 씌워버리거나, 팝업창을 이용하는 예제도 올라와 있어서

본인이 원하는 것을 선택해 수정과 가공을 거치면 될 것이다.





필자의 기말 프로젝트에 적용한 모습이다.




우편번호 찾기 버튼을 누르면 이런 것이 뜬다.

이렇게 좋은 디자인에 좋은 서비스를 두고 DB에 모든 정보를 넣는다는 건

다시 생각해도 정말 못할 짓이었다.

물론, PHP, MySQL 검색 공부에는 도움이 되었겠지만,

굳이 이 부분이 아니어도 상품 검색이나 상품 조회 등에서 충분히 단련할 수 있었다.




 

원하는 주소 혹은 건물명을 검색해서 선택하면 도로명 주소와 번지 주소가 동시에 병기되면서,

하단에 나머지 주소를 입력하면 된다.


당장이라도 사용할 쇼핑몰을 만드는 것이 목적이었지,

쇼핑몰을 운영하는 것은 목적이 아니었던 터라,

결제시스템이나 배송시스템을 완벽히 구현하진 않았다.

(적당히 배송 상태나 주문 상태 등만 관리자와 사용자가 볼 수 있게 해놨다.)

필자는 저 주소 두 가지 모두를 데이터베이스에 저장을 했지만,

필요에 따라 적절히 취사선택하면 될 것이다.


728x90

'Computer Science > Web' 카테고리의 다른 글

HTML] 회원가입 폼  (1) 2017.03.01
Web] Select 태그를 이용해 정렬하기  (0) 2017.02.25
Javascript] BOM(Browser Object Model)  (29) 2017.01.21
Javascript] 함수  (30) 2017.01.21
Javascript] 내장 객체(Built-in Object)  (0) 2017.01.19