영문 주소 변환기 만드는 방법

영문 주소 변환기 만드는 방법

이번 포스팅에서는 영문 주소를 변환하는 방법에 대해서 알아보도록 하겠습니다.

http://hangleking.com/

영문 주소 변환기

위 사이트에서 영문 주소를 한글로 변환해 주는 기능을 제공하고 있습니다.

위에 보시는 바와 같이 영문주소를 변환하는 검색창이 있습니다. 해당 검색창에 주소를 입력하면 한글 주소가 아래의 사진처럼 변환되어 나타나는 것을 알 수 있습니다.

이 외에도 이 사이트에서는 연봉실수령액을 확인 할 수 있는 기능과 구글실시간인기 검색어를 확인 하는 기능을 제공하고 있습니다. 오른쪽에보면 만들 사람의 트위터와 유튜브링크가 존재하네요

어떻게 만들었나 찾아보니 바로 영문주소변환 API를 사용하여 만드는 것이라고 합니다.

https://www.juso.go.kr/addrlink/devAddrLinkRequestGuide.do?menu=engRoadApi

위에 사이트에 접속하여 영문 팝업 API와 영문 검색 API를 사용할 수 있는 방법과 소스를 확인 할 수 있습니다.

이 API 를 사용하여 사이트를 만들면 위에 소개한 사이트와 동일한 기능을 하는 사이트를 만들 수 있습니다.

단순 웹 호출 소스는 아래와 같습니다.

 

      function callAjax(keyword) {
        if (!checkSearchedWord(keyword)) {
          return;
        }

        $.ajax({
          contentType: "application/json",
          url: 'http://www.juso.go.kr/addrlink/addrEngApiJsonp.do',
          type: "post",
          data: {
            "currentPage": 1,
            "countPerPage": 50,
            "keyword": keyword,
            "resultType" : "json",
            "confmKey" : "발급받은 키"
          },
          dataType:"jsonp",
          crossDomain:true,
          success: function (data) {
            console.log(data);
            var errCode = data.results.common.errorCode;
            var errDesc = data.results.common.errorMessage;
            if (errCode == "E0005") {
              alert("검색어를 입력해주세요");
            } else if (errCode != "0") {
              alert(errCode + "=" + errDesc);
            } else {
              if (data != null) {
                makeListJson(data);
              }
            }
          }, error: function (xhr, status, error) {
            alert("조금만 더 자세히 주소를 넣어주세요");
          }
        })
      }

이상으로 영문주소변환하는 사이트와 만드는 방법에 대해서 알아보았습니다.