공간정보시스템 / 3차원 시각화 / 딥러닝 기반 기술 연구소 @지오서비스(GEOSERVICE)
도로명주소에 대한 지오코딩 툴인 GeoCoder-Xr은 아파트 ‘동’단위까지 위치를 찾을 수 있습니다. 아래의 화면처럼 ‘서울특별시 서초구 서초동 반포대로 58 103동’과 같이 입력하면 주소로 입력된 103동의 위치까지 지오코딩된 것을 볼 수 있습니다.
도로명주소에 대한 지오코딩 툴은 안전행정부에서 제공하는 공개DB를 활용하였으며, 정확도는 이 DB에 기반하고 있습니다. 프로그램에 대한 보다 자세한 설명 및 다운로드는 아래의 URL을 통해 살펴보시기 바랍니다.
jQuery 라이브러리를 이용한 UI, 즉 jQuery UI에는 기본적인 Button에서부터 Accordion까지 다양한 UI를 제공합니다. 그 중 대화상자(Dialog)에 대해 살펴 보도록 하겠습니다.
흐름은 3가지입니다. 첫째는 Dialog의 기능을 담을 DIV를 선언하고, 두번째는 jQuery와 jQuery UI에 대한 자바스크립트 라이브러리를 추가하고, 세번째는 앞서 선언한 DIV에 대해 dialog() 함수를 호출해 주는 것이 기본적인 내용의 전부입니다.
아래는 jQuery UI를 이용한 다이얼로그에 대한 화면입니다.
위의 화면을 구성하기 위한 전체 코드는 아래와 같습니다.
jQuery UI - DialogBox
Message
앞서 언급한 세가지 흐름에 해당하는 코드는, 첫째인 Dialog의 기능을 담을 DIV를 선언은 20번, 두번째로 jQuery와 jQuery UI에 대한 자바스크립트 라이브러리를 추가는 10번과 11번, 세번째인 앞서 선언한 DIV에 대해 dialog() 함수를 호출해 주는 것은 15번입니다.
jQuery UI는 자바스크립트와 HTML 테그를 이용하여 매우 직관적이고 간단하게 원하는 UI로써의 기능(생명력)을 불어 넣을 수 있는 좋은 라이브러리라고 생각됩니다.