이번에 작업 중인 사이트.. 수시로 정책이 바뀌어서 고생하고 있는.. 사이트에서 반경을 이용한 업체 검색 기능이 필요해서 구글링 좀 하고 잔머리를 좀 굴려서 원하는 기능을 구현했다. 각 지점의 경도와 위도는 네이버 지도API를 이용해 얻어온다. 그런 다음 경도 위도를 DB에 저장하고 Query를 이용해 기준 반경 내 업체를 구하는 식이다. 1. 네이버 지도 API에서 경도, 위도 받아오기 우선 네이버 지도 …
이번에 사이트 작업을 하면서 처음으로 AJAX 기능을 활용해보고 있다. 주로 리스트나 DB에서 내용을 불러올 때 사용하고 있는데 간혼 네트웍이 느리거나 내용이 많을 때는 바로 페이지가 보여지지 않는다. 이럴 때 아래 그림처럼 로딩 중이라는 이미지를 넣는데 이걸 어떻게 하는지 한번 해보고 싶어서 연구를 해봤다. 방법은 의외로 싶더라는.. 원리는 이렇다. 로딩 전에 로딩 이미지를 보여주고 내용 로딩이 …
위 이미지처럼 회사의 연혁 페이지를 만들다보면 연도를 이미지로 만들어야 하는 경우가 있다. 특정 회사의 연혁만 보여주는 페이지라면 문제가 없겠으나 여러 업체의 연혁을 보여주는 페이지라면 연도 이미지를 미리 만들어야 한다. 근데 그런 것은 왠지 또 싫고 해서 PHP로 연도 이미지를 직접 만들 수 있는 방법을 검색하게 되었다. 의외로 쉬웠다. 아래 코드는 PHP 사이트에 나온 예제 코드이다. …
이런 스타일의 평수 자동 계산기를 만들기 위해 jQuery를 활용했다. 일단 작동은 제대로 되는 듯 한데.. 역시 허접!! <table cellpadding=”0″ cellspacing=”0″ border=”0″> <tr> <td height=”97″ class=”calc_bg” valign=”top”> <table cellpadding=”0″ cellspacing=”0″ border=”0″> <tr> <td colspan=”4″ height=”31″></td> </tr> <tr> <td width=”20″ height=”17″></td> …
현재 작업 중인 사이트에 들어가는 시공갤러리 부분을 개발하고 있다. 위 이미지처럼 전체 시공갤러리에서 관리자가 지정한 특정 갤러리만 보이는 부분인데 좌우의 버튼을 클릭해서 다른 갤러리를 볼 수 있어야 하고 또 자동으로 다른 갤러리를 볼 수 있어야 한다. 가능하면 플래시로 만든 것 같은 효과까지 주려고 fadeIn, fadeOut을 활용하기로 했다. 보여줄 갤러리 전체를 div 레이어를 이용해 미리 만들어 …