IT 전용글/JavaScript 15

Jquery Ajax 정리

jQuery.ajax (options) HTTP 통신에서 페이지를로드합니다. 이 함수는 jQuery의 AJAX 통신의 기본 부분에서 실제로 $. get및 $. post 같은 함수를 사용하는 것이 쉽게 구현할 수 있습니다. 그러나 이러한 추상화된 함수는 구현의 용이성과 교환에 오류시 콜백과 같은 복잡한 기능을 잃고 있습니다. 그런 처리를 구현하려면, 역시 핵심이다이 함수를 사용해야합니다. $. ajax 함수는 반환값으로 XMLHttpRequest 객체를 반환합니다. 대부분의 경우이 개체를 직접 조작하는 것은 없다고 생각되지만, 예를 들어 던져 버린 요청을 중단하는 경우 등, 필요하면 이용하십시오. 이 함수는 인수를 하나만 취하지만, 실제로는 해시에서 키 - 값 조합은 많은 옵션을받습니다. 다음에 그 목록을..

JavaScript / 함수 / isNaN() / 매개변수가 숫자인지 검사하는 함수

isNaN() isNaN() - 매개변수가 숫자인지 검사하는 함수입니다.(NaN은 Not a Number입니다.) 문법 isNaN( value ) value : 검사할 값을 입력합니다. 매개변수가 숫자가 아니면 true, 숫자이면 false를 반환합니다. 예제 123.123은 숫자이므로 false를 반환합니다. '123.123'은 따옴표로 감쌌지만, 숫자로 취급하여 false를 반환합니다. 'Not a Number'는 숫자가 아니므로 true를 반환합니다. 123*123은 숫자이므로 false를 반환합니다. '123*123'은 따옴표 안에 문자가 있으므로 숫자가 아닌 것으로 취급하여 true를 반환합니다.

[Javascript] input 박스에 숫자만 입력되도록 설정하는 4가지 방법

input 박스에서 사용자에게 숫자만 입력되도록 설정하는 방법 4가지를 소개합니다. input 박스에 숫자만 입력되도록 설정하는 4가지 방법 1. 'type'을 'number'로 지정하기 2. 입력된 keycode 체크하기 3. oninput 이벤트, 정규식, replace() 함수 활용하기 4. pattern 속성 활용하기 1. 'type'을 'number'로 지정하기 기본 예제 input의 type속성을 'number'로 지정하면, 숫자만 입력 받을 수 있습니다. 브라우저에 따라서, 입력창 오른쪽에 숫자 증감 아이콘도 생성됩니다. min, max, step 속성 지정하기 input의 type을 'number'로 지정한 경우, min, max 속성을 추가하여 최대값과 최소값을 지정할 수 있습니다. st..

PHP에서 소수점 이하 두 자리에 숫자를 표시하는 방법

PHP에서number_format()함수를 사용하여 숫자를 소수점 이하 두 자리까지 표시 내장 함수 number_format()는 숫자를 형식화하는 데 사용됩니다. 서식을 지정하면 숫자가 소수점과 천 단위 구분 기호로 표시됩니다. 필요한 경우 숫자를 반올림합니다. 이 함수를 사용하여 숫자를 소수점 이하 두 자리까지 표시 할 수 있습니다. 이 기능을 사용하는 올바른 구문은 다음과 같습니다 number_format($number, $NumOfDecimals, $decimalIndicator, $thousandSeparator) 파머기술 $number 필수 형식화 할 번호 $NumOfDecimals 선택 과목 소수점 뒤의 소수점 이하 자릿수 $decimalIndicator 선택 과목 숫자의 사용자 정의 소수점..

한국의 Ajax Framework - Method Chain

한국에도 드디어 멋진 Ajax Framework 이 등장하였습니다. Method Chain이라는 Ajax Framework 인데 코드를 연결해서 작성할 수 있는 메커니즘을 제공하고 퍼포먼스 향상 및 메모리 사용을 최소화할 수 있다고 합니다. (http://www.methodchain.com/kr/outLineMecha.html 여기 설명을 보시면 아시겠지만 메모리는 걱정안해도 되겠더군요~) 무엇보다 좋은 것은 모든 설명이 한글이라는 것!!! ^^; 참, prototype.js 저자로 유명하신 김영보님께서 만드셨다고 합니다. 12월 1일 오늘 부터 정식 오픈이라는데~ 메서드 별로 일일이 예제도 만들어 놓으셔서 도움이 많이 되겠네요~ MethodChain.com [출처] 한국의 Ajax Framework -..

Ajax 자료들.

모 출판사의 책 이름이 아니라, Ajax 관련하여 처음 배우시는 분들이 공부해 볼만한 자료를 모았습니다. 아래 자료를 하나씩 보면서 욕심내지 말고 차근차근 배워보시면 좋겠습니다. Ajax 입문 Ajax 기본 정리 : http://wiki.javajigi.net/pages/viewpage.action?pageId=3919 IBM Ajax 강좌 : http://www-128.ibm.com/developerworks/kr/library/wa-ajaxintro1.html Foundations of Ajax 소스 및 강좌 : http://blog.naver.com/jinoxst/140021512014 참고 사이트 정리 : http://cafe.naver.com/ajaxdev/37 Ajax 기술 정리 Ajax 클라..

서버측 Ajax (Json) (네이버펌)

Ajax 마스터하기, Part 11: 서버 측의 JSON (한글) 서버 측 스크립트와 프로그램에서 JSON으로 응답하기 문서 옵션 이 페이지 출력 이 페이지를 이메일로 보내기 영어원문 제안 및 의견 피드백 난이도 : 고급 Brett McLaughlin, Author and Editor, O'Reilly Media Inc. 2007 년 10 월 09 일 지난 기술자료에서는 JavaScript의 객체를 JSON으로 변환하는 방법을 배웠습니다. 이 포맷은 객체들 또는 객체 어레이들로 매핑하는 데이터를 보내는데(그리고 받는데) 사용할 수 있습니다. 본 시리즈 마지막 기술자료에서는, JSON 포맷으로 서버에 보내진 데이터를 핸들하는 방법과, 같은 포맷을 사용하여 스크립트에 응답하는 방법을 설명합니다. JSON의..

[본문스크랩] Web 2.0 에 필수 UI 인듯한 Ajax + Drag & Drop 사전 지식

Google 개인화 , 다음 플래닛 소스에서 이것 저것 뽑아 내다 그냥 나름데로 정리한 것들 입니다. 이것들을 모르고 시작해서 삽질을 많이 했습니다. 혹시 시작하시는 분들이 있다면 참고가 되었으면 합니다. 먼저 Drag & Drop을 구현 하기 위해 http://www.w3.org/TR/CSS21/box.html에 정의된 box 모델에 대해 인지 하시고 개발하셔야 하고, http://msdn.microsoft.com/library/default.asp?url=/workshop/author/om/measuring.asp 이런 정보들 까지 알고 있어야 기능추가에 도움이 될 것 같습니다. 그리고 자바스크립트 프레임워크인 http://prototype.conio.net/ 를 통해 개발하시면 더욱 빠른 속도로 개..

prototype.js 가이드03 참조문서

JavaScript 클래스에 대한 확장 prototype.js라이브러리에 기능을 추가하기 위한 방법중 하나는 현재 존재하는 JavaScript클래스를 확장하는 것이다. Object 클래스를 위한 확장 메소드 종류 인자 상세설명 extend (destination, source) static destination: 객체, source: 객체 source에서 destination으로 모든 프라퍼티와 메소드를 복사하여 상속을 구현하기 위한 방법을 제공 inspect(targetObj) static targetObj: 객체 targetObj의 사람이 읽을수 있는 문자열 표현으로 반환. 주어진 객체가 inspect 인스턴스 메소드를 정의하지 않는다면, toString 의 값을 반환 Number 클래스를 위한 확장..