목록JavaScript (10)
-
2016.05.12 jQuery Ajax Wrapping (유틸제작 2편)
-
2016.05.12 날짜 관련 유틸리티 함수 제작 (유틸제작 1편) 2
-
2015.07.09 OpenLayers WMS CQL (조건문 or 필터 or SQL) feat.GeoServer
-
2015.06.26 자바스크립트 모바일 가로 세로 모드 구하기
Annotation
jQuery Ajax Wrapping 함수 제작 (유틸제작 2편) 이전 포스팅(날짜 관련 유틸리티 함수 제작 (유틸제작 1편))에 이어서, 이번에는 jQuery Ajax를 Wrapping을 통해 조금더 효율적으로 사용해 보겠습니다. Ajax를 사용하시면서 어떤분은 미리 랩핑을 해서 사용하실 거고, 또는 그렇지 않고 그냥 사용하시는 분들도 계실겁니다. (아니면 직접 객체를 구현하시거나, 확장하시거나) 저의 경우에는 따로 Wrapper 함수를 만들어 사용하고 있습니다. 명칭을 어떤식으로 사용할까 고민하고 검색도 해봤는데, 외국에서는 대부분 Wrapping, Util 또는 Helper 라는 명칭으로 사용하는것 같습니다. 따라서 저는 함수로 그냥 감싸서 사용하므로 Wrapping 이라는 명칭을 사용하겠습니다. ..
날짜 관련 유틸리티 함수 제작 (유틸제작 1편) 포스팅의 제목과 같이 JavaScript 에서 Date 객체를 이용한 함수 제작을 설명드리려고 합니다. Date 객체 많이들 사용하실텐데 미리 관련 함수를 만들어 놓으면 매우 편하게 사용하실 수 있습니다 :D 어려운 내용은 아니므로 소스코드를 우선 보신뒤 하단에서 간단한 설명을 참고해주시면 될것 같습니다. 바쁘신 분은 소스코드의 주석만 보셔도 됩니다. (function(){ /** * 현재 년 을 리턴합니다. * @returns */ Date.prototype.getY = function() { var date = new Date(); return "" + date.getFullYear(); }; /** * 현재 년월 을 리턴합니다. * @returns *..
저번에 OpenLayers 관련 포스팅을 몇가지 했는데 의외로 찾으시는 분들이 꽤나 있었습니다. 국내에서도 많이 사용하나 봅니다. 이어서 OpenLayers 를 사용하며 꼭 필요한 기능을 포스팅 하겠습니다. OpenLayers WMS CQL (조건문 or 필터 or SQL) feat.GeoServer OpenLayers 에서 WMS 객체를 사용하며 조건을 주어 지도에 표현해야 할 상황은 반드시 존재합니다. 다음과 같이 특정 레이어의 특정 속성만 검색하여 보여준다거나 하는 기능들 말이죠. (CQL_FILTER 를 적용 한 모습) WMS 객체에는 CQL 이라는 파라미터 옵션이 존재합니다. 이 CQL_FILTER 는 SQL 에서 WHERE 와 같습니다. 우리는 이 옵션을 사용하면 됩니다. 문법은 다음과 같습니..
이번에 다음 지도 API를 이용하여 간단한 프로젝트를 진행하였습니다. 얼마전에 OpenLayers를 이용해서 간단한 프로젝트를 진행했는데 이번건 더욱 간단했습니다. 이번엔 타겟이 모바일 사용자를 위한 프로젝트 였는데요. 모바일 단말기가 현재 가로 모드인지, 세로 모드인지 구별해서 UI를 동적으로 변화시는 부분이 있었습니다. 그래서 오늘은 이부분에 대해서 포스팅 하려 합니다 :) 자바스크립트로 모바일 단말기의 가로, 세로모드 구하기 (가로세로 방향) 예상하신 분들이 이미 계실지 모르겠으나, 가로, 세로를 구분 할 수 있는 정보는 window 객체가 담고있습니다. 프로퍼티 명칭은 orientation 입니다. 사용법은 먼저 jQuery 방식으로 설명드리겠습니다. $(window).on("orientation..