본문 바로가기

프로그래밍376

jQuery.getJSON, JSON 데이터를 로드 jQuery.getJSON() 원문 링크 http://api.jquery.com/jQuery.getJSON/ jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 받은 JSON 데이터를 로드합니다. jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 이 함수의 가장 간단한 사용법은 아래와 같습니다. $.ajax({ url: url, data.. 2012. 7. 2.
자바스크립트 날짜 계산 자바스크립트로 날짜 계산할 경우가 많습니다. 요즘이야 뭐 달력들이 워낙 잘 나와서 그 수고를 덜긴 하는데.. 그래도 코딩으로 계산해야 하는 경우가 종종 있죠. 얼마전에 그 작업을 하다 짜증이 나서 확 만들었습니다만;;;;; 대충 만든거라 참고만 하시구요. 응용해서 사용하세요. 먼저 미리보기부터 보시고 아래쪽에 소스코드를 올리겠습니다. 미리보기 아래는 소스 기준일자 : (형식 : 0000-00-00) 기준월 첫날 : 기준월 말일 : 이전달 첫날 : 이전달 말일 : 다음달 첫날 : 다음달 말일 : 달 후 첫날 달 후 말일 일 전 일자 일 후 일자 2012. 6. 21.
줄리안데이트 계산법 JDE 라는 오라클 ERP 를 개발에 참여 중입니다.뭐 거창할건 없는데요. 이 시스템의 Date는 모두 줄리안데이트로 처리하더군요. 일반적인 형태의 데이트 형태가 2012-06-20 이라면줄리안데이트는 112172 로 표현되는 겁니다. 딱 봐도 줄리안데이트가 시스템적으로 빠를것 같지 않으신가요? 그런데 줄리안데이트는 사람에게는 친절하진 않죠. 딱 봤을때 이게 며칠이야 하니까요. 하지만, 계산법만 알면 어느정도 유추할 수 있습니다. 계산 방법은 간단합니다. 2012-06-20 = 112172 입니다. 줄리안데이트 112172와 같이 구분됩니다. 색깔로 구분해서 빨간색 112 = 현재년도(2012) - 1900 푸른색 172 = 1월 1일 부터 현재일까지 날짜 수 ( 172 일이 지난날이 6월 20일이 됩니.. 2012. 6. 20.
jQuery.get() HTTP GET 방식 Ajax 요청 jQuery.get() 원문 링크 http://api.jquery.com/jQuery.get/ jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 데이터를 받습니다. jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 dataType 서버에서 반환되는 데이터의 타입. Default: 지능형 추측 (xml, .. 2012. 6. 19.
ajaxSuccess() Ajax 요청이 성공적으로 완료 때마다 호출 .ajaxSuccess() 원문 링크 http://api.jquery.com/ajaxSuccess/ ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )Returns : jQuery 개요 : Ajax 요청이 성공적으로 완료 때마다 실행될 함수를 작성합니다. 이것은 Ajax 이벤트 입니다. .ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) ) handler(event, XMLHttpRequest, ajaxOptions) 실행될 함수 Ajax 요청이 성공적으로 완료 때마다, jQuery ajaxSuccess 이벤트를 발생시킵니다. .ajaxSuccess() 함수내에 등록된 핸들러는 매번 실행되게 됩니다... 2012. 6. 19.
ajaxStop() Ajax 요청이 완료되면 호출 .ajaxStop() 원문 링크 http://api.jquery.com/ajaxStop/ ajaxStop( handler() )Returns : jQuery 개요 : 모든 Ajax 요청이 완료되면 호출할 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxStop( handler() ) handler() 실행될 함수 Ajax 요청을 완료되면, jQuery는 진행중인 Ajax 요청이 있는지 체크합니다. 만일 진행중인 Ajax 요청이 없다면, jQuery는 ajaxStop 이벤트를 발생시킵니다. .ajaxStop() 함수에서 등록된 모든 핸들러가 실행되게 됩니다. 또한, ajaxStop 이벤트는 마지막 Ajax 요청이 beforeSend 콜백 함수네에서 false를 반환하여 취소가 되어도 발생하게.. 2012. 6. 19.
ajaxStart() Ajax 요청이 시작될 때 호출되는 함수 .ajaxStart() 원문 링크 http://api.jquery.com/ajaxStart/ ajaxStart( handler() )Returns : jQuery 개요 : 첫번째 Ajax 요청이 시작될 때 호출할 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxStart( handler() ) handler() 실행될 함수 Ajax 요청을 보내기 전에, jQuery는 진행중인 Ajax 요청이 있는지 체크합니다. 만일 진행중인 Ajax 요청이 없다면, jQuery는 ajaxStart 이벤트를 발생시킵니다. .ajaxStart() 함수에서 등록된 모든 핸들러가 실행되게 됩니다. 이 함수가 동작하는 것을 보기위해 기본적인 Ajax 요청을 만들 수 있습니다. Trigger 특정한 엘리먼트에 이벤트.. 2012. 6. 19.
jQuery.ajaxSetup() Ajax 옵션 값을 설정하는 함수 jQuery.ajaxSetup() 원문 링크 http://api.jquery.com/jQuery.ajaxSetup/ jQuery.ajaxSetup( options ) 개요 : Ajax 요청 시 옵션 값들을 정의합니다. jQuery.ajaxSetup( options ) options key/value 쌍으로 구성된 Ajax 옵션 값들. 모든 옵션은 생략이 가능함 $.ajaxSetup() 함수에서 Ajax 요청 시 사용되는 옵션값들을 세세하게 정의할 수 있습니다. url 파라미터를 정의하는 예입니다. $.ajaxSetup({ url: 'ping.php' }); 이 함수에서 정의한 값은 자동적으로 Ajax 요청 시 반영됩니다. $.ajax({ // 여기에서 url 값으로 ping.php 을 다시 쓸 필요가 없.. 2012. 6. 19.
ajaxSend() Ajax 요청을 보내기 전에 호출되는 이벤트 .ajaxSend() 원문 링크 http://api.jquery.com/ajaxSend/ ajaxSend(handler(event, jqXHR, ajaxOptions) )Returns : jQuery 개요 : Ajax 요청을 보내기 전에 실행시킬 함수를 정의합니다. 이것은 Ajax 이벤트 입니다. .ajaxSend( handler(event, jqXHR, ajaxOptions) ) handler(event, jqXHR, ajaxOptions) 실행될 함수 jQuery는 Ajax 요청을 보내기 전에 매번 ajaxSend 이벤트를 발생 시킵니다. 핸들러를 .ajaxSend() 함수에서 등록하면 실행할 수 있게 됩니다. 이 함수가 동작하는 것을 보기위해 기본적인 Ajax 요청을 만들 수 있습니다. Trigge.. 2012. 6. 19.
jQuery.ajaxPrefilter() $.ajax() 함수 호출 전 Ajax 옵션 수정 jQuery.ajaxPrefilter() 원문 링크 http://api.jquery.com/jQuery.ajaxPrefilter/ jQuery.ajaxPrefilter( [dataTypes] , handler(options, originalOptions, jqXHR) )Returns : undefined 개요 : Ajax 요청을 보내기 전이나 $.ajax() 함수에 의해 호출되기 전에 Ajax 옵션들을 수정하거나 조작합니다. jQuery.ajaxPrefilter( [dataTypes], handler(options, originalOptions, jqXHR) ) dataTypes 공백 문자열로 구분된 dataType 문자열, 생략가능 handler(options, originalOptions, jqXHR.. 2012. 6. 19.
ajaxError() Ajax 에러가 발생되면 호출 .ajaxError() 원문 링크 http://api.jquery.com/ajaxError/ ajaxError( handler(event, jqXHR, ajaxSettings, thrownError) )Returns : jQuery 개요 : Ajax 요청에 대해 에러가 발생되면 호출될 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxError( handler(event, jqXHR, ajaxSettings, thrownError) ) handler(event, jqXHR, ajaxSettings, thrownError) 호출될 함수 Ajax 요청이 에러가 났다면 jQuery는 ajaxError 이벤트를 발생시킵니다. 모든 핸들러는 .ajaxError() 함수 내에서 정의됙 실행됩니다. 이 .. 2012. 6. 19.
ajaxComplete() Ajax가 완료되면 호출 .ajaxComplete() 원문 링크 http://api.jquery.com/ajaxComplete/ ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) )Returns : jQuery 개요 : Ajax 요청이 완료되면 호출될 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) ) handler(event, XMLHttpRequest, ajaxOptions) 요청이 완료 후 호출될 함수 Ajax 요청이 완료되면 jQuery는 ajaxComplete 이벤트를 발생시킵니다. 모든 핸들러는 .ajaxComplete() 에서 정의되고 실행됩니다. 이 함.. 2012. 6. 15.
최소 신장 트리 ( MST : Minimal Spanning Tree ) 먼저 용어부터 알아보자. Minimal : 최소 Spanning : (다리를) 놓다. 걸치다. (차 다니는 다리임) Tree : 나뭇가지, 관계 이 정도로 정리하면 '최소 관계도' 또는 '관계를 만드는 것' 을 의미함을 알 수 있다. 여기서 최소의 의미는 비용적 측면을 의미하는데 비용을 가장 적게 들여서 관계를 만든다는 뜻이다. 자, 이것도 아직 어렵다. 아래 그림을 보면 좀 더 쉽게 정의할 수 있겠다. [그림 1] 그렇다. 각 꼭지점들을 선으로 연결하는 걸 얘기한다. 단, 가장 적은 비용을 들여서 연결을 해야 하는 것이다. 아래 그림을 보자. [그림 2] 그림1 은 신장트리를 의미하고 그림2는 최소신장트리를 의미한다. 즉, 선(신장)에 비용이 부여되어 있는데 그 중에서 가장 적은 비용이 발생하는 신장을.. 2012. 6. 14.
jQuery.ajax() HTTP 비동기 데이터 교환 jQuery.ajax() 원문 링크 http://api.jquery.com/jQuery.ajax/ 권고사항 : 아래 글을 보시기 전에 권고드립니다. 아래는 발번역과 오역 그리고 미처 다 한글화가 되어있지 않습니다. 의미도 모른채 번역된 부분이 많기 때문에 다 건너띠고 아래쪽 예제만 보시길 강력히 권고 드립니다. 나빠진 정신건강에 대해 책임(?)지지 않습니다. ^^;;;; jQuery.ajax( url [, settings] )Returns : jqXHR 개요 : 비동기 HTTP (Ajax) 요청을 수행합니다. jQuery.ajax( url [, settings] ) url 요청을 보낼 URL 문자열 settings key/value 쌍으로 구성된 Ajax 요청 설정값. 모든 값들은 생략이 가능한 옵션값 .. 2012. 6. 12.
간단하게 테스트 해본 jQuery 달력(DatePicker) 갑자기 테스트 해 보고 싶어서 만들어 본 달력입니다. 인클루드 되는 파일은 무지 많지만 함 시험삼아 보시는 것도 좋겠네요. 어찌됬든 아주 멋있긴 하네요. Date: 긁어서 사용해 보세요. 모양은 아래와 같습니다.(스샷이에요 ^^;; 작동하지 않아요.) 2012. 6. 1.
콤마 제거하기 정규식으로 가장 간단하게 처리하는 내용입니다. 예외 사항에 대한 처리를 좀 더 강화하셔야 할 겁니다. // 콤마를 제거 function GetNumString(s) { var rtn = parseFloat(s.replace(/,/gi, "")); if (isNaN(rtn)) { return 0; } else { return rtn; } } 2012. 5. 15.
3자리 콤마 표시하기 // 3자리 컴마표시 function GetCommaValue(n) { var strNumber = String(n).split('.'); //문자열 상태일때 소수점 추출 n = parseFloat(strNumber); if (strNumber.length > 1) { return n.toLocaleString().slice(0, -3) + "." + strNumber[1]; } else { return n.toLocaleString().slice(0, -3); } } 사용법은 //입력시 컴마표시 이벤트 function SetInputComma() { $("#idArea").find("input").bind("blur", function () { if (this.getAttribute("input_typ.. 2012. 5. 15.
자바스크립트 반올림, 올림, 버림 자바스크립트에 내장함수가 있지만 원하는 결과가 안나옵니다. 특히나 반올림 같은 경우는 말이죠. 만들어 써야 합니다. 아래를 참고하세요.주욱 긁어서 사용하시거나 필요한 부분만 떼다가 사용하세요. 예제가 포함되어 있으니 잘 떼서 사용하시구요. 반올림 올림 버림 반올림 값 : 올림 값 : 버림 값 : 2012. 5. 9.
toggle(), 요소 표시 또는 숨기기, 토글하기 toggle 원문 링크 http://api.jquery.com/toggle/ .toggle( [duration] [, callback] )Returns : jQuery 개요 : 일치하는 요소 표시 또는 숨기기. .toggle( [duration] [, callback] ) duration 시간 값 callback 콜백 함수 .toggle( [duration] [, easing] [, callback] ) duration 시간 값 easing 토글 시 특수한 효과 callback 콜백 함수 .toggle( showOrHide ) showOrHide 보이거나 숨기기 위한 부울 값 .toggle() 함수는 요소의 보임 속성을 조절하는 아주 간단한 함수입니다. $('.target').toggle(); 조건과 일.. 2012. 5. 8.
jQuery .stop(), 애니메이션 효과 멈춤 stop 원문 링크 http://api.jquery.com/stop/ .stop( [clearQueue] [, jumpToEnd] )Returns : jQuery 개요 : 현재 움직이고 있는 애니메이션 효과를 멈춥니다. .stop( [clearQueue] [, jumpToEnd] ) clearQueue 부울 값을 세팅하여 대기중인 효과들의 제거를 결정합니다. 기본값은 false. jumpToEnd 부울 값을 세팅하여 현재 진행중인 애니메이션을 완료할지를 결정합니다. 기본값은 false. .stop( [queue] [, clearQueue] [, jumpToEnd] ) queue 애니메이션을 멈출 큐 이름 clearQueue 부울 값을 세팅하여 대기중인 효과들의 제거를 결정합니다. 기본값은 false. j.. 2012. 5. 8.

티스토리툴바