본문 바로가기

홈페이지 Tip/HTML,CSS

주소검색 API를 활용하여 주소 검색 기능 구현하기(팝업 API) 일반적으로 회원가입 시 주소 검색 기능은 필수로 들어가야 하는 요소 중에 하나이다. 예전에는 우체국 DB를 활용하여 자체 주소 DB를 만들었다. 하지만 도로명 주소가 전면적으로 시행 되면서 지번과 도로명 주소의 빈번한 수정과 추가로 최신 DB를 유지하는데 어려움이 많다. 따라서 별도의 주소 DB 구축 없이 도로명주소가 자동으로 업데이트 되는 주소 검색 기능이 필요하다. 별도의 주소 DB 구축 없이 도로명주소가 자동으로 업데이트 되는 주소 검색 API를 활용하면 주소 검색 기능을 구현할 수 있는데, 대표적으로 행정안정부에서 제공하는 도로명주소API와 우체국에서 제공하는 OPEN API, 다음 카카오톡에서 제공하는 우편번호 서비스 등이 있다. 그 중에서 행정안저부에서 제공하는 도로명주소API(팝업 API)를.. 더보기
HTML5 기본 개념 HTML5 기본 개념 HTML5는? HTML5는 차세대 웹 언어 규격으로 웹 문서를 만들기 위한 기본 프로그래밍 언어 HTML의 최신규격이다. 특히 현재 많이 사용되고 있는 엑티브X(Active X)나 플래시와 같은 플러그인 기반의 각종 프로그램을 설치하지 않아도 동일한 기능을 구현할 수 있고, 모바일 환경에서도 모두 호환된다. HTML5는 2009년 구글의 웹 개발자 콘퍼런스인 구글 I/O 에서 HTML5를 데모로 시연하면서 차세대 웹 기술로 지원하겠다는 천명을 하면서 알려지기 시작했는데, 특히 스티븐 잡스가 애플 아이폰에 플래시 탑재를 거부하면서 대응 기술로 HTML5를 홍보하기 시작하기도 했다. HTML5 기본문장구조와 기본태그 HTML5 기본문장구조와 기본태그는 우선 첫 시작에 을 선언함으로서 시.. 더보기
html css 태그, div 중앙정렬 방법 6가지 html css 태그, div 중앙정렬 방법 6가지 table 태그에서는 valign을 사용하여 세로 정렬이 가능하지만 div 태그는 세로정렬 옵션을 지원하지 않는다. div 태그에서 중앙정렬하는 방법 6가지를 알아보자 1. position:absolute와 margin 마이너스값을 이용한 중앙 정렬 방법 * html 중앙정렬 방법 * css .layer{ position:absolute; top:50%; left:50%; width:100px; height:100px; background:skyblue; margin:-50px 0 0 -50px; } ie7 이상 모든 브라우저에서 지원 가능하다. width와 height값이 고정사이즈인 상태에서만 사용할 수 있다. 2. position:absolute와.. 더보기