[RahXePhon] 하쿠나 마타타~

fieldValue(excludeUnsuccessful); 확장 집합 내의 전송할 수 있는 폼 컨트롤의 값을 배열 형태의 값으로 반환한다. 값이 없다면 빈 배열을 반환 excludeUnsuccessful: (Boolean) true이거나 생략하면, 확장 집합 내의 전송할수 없는 컨트롤은 무시된다 ex) $('frm *').fieldValue(); //전송할수 있는 값들을 배열 형태로 반환 $('frm *').fieldValue(false); //전송할수 없는 값들까지 모두 배열 형태로 반환 fieldSerialize(), formSerialize() 확장 집합에서 값을 수집하여 올바르게 URL 인코딩된 이름/값 쌍으로 형식화된 쿼리 문자열로 반환한다. formSeialize()메서드는 확장 집합 내의 폼..

프로그래밍/스크립트 2010. 6. 15. 15:28

jQuery를 사용하면 좋은 JavaScript 기반 웹 애플리케이션을 쉽고 간단하게 작성할 수 있습니다. 하지만 좋은 웹 애플리케이션을 우수한 웹 애플리케이션으로 만들려면 몇 가지 추가 단계가 필요합니다. 이 기사에서는 웹 애플리케이션의 품질을 최종적으로 한 단계 더 높일 수 있는 방법에 대해 자세히 설명합니다. 고급 jQuery(1)에서 이어지는 내용입니다. 두 번째 예제 웹 애플리케이션 이제부터는 또 다른 위젯을 사용하여 이 기사에서 다루고자 하는 마지막 3가지 주제를 설명할 것이며 먼저 위젯을 보고 설명한 후 위젯 코드를 자세히 살펴본다. 이 위젯은 이전 기사(기사에 대한 링크는 참고자료 참조)에서 보았던 익숙한 401k 위젯이다. 그렇지만 여기에서는 같은 페이지에 위젯을 두 번 포함시켰기 때문에..

프로그래밍/스크립트 2009. 10. 12. 15:33

jQuery를 사용하면 좋은 JavaScript 기반 웹 애플리케이션을 쉽고 간단하게 작성할 수 있습니다. 하지만 좋은 웹 애플리케이션을 우수한 웹 애플리케이션으로 만들려면 몇 가지 추가 단계가 필요합니다. 이 기사에서는 웹 애플리케이션의 품질을 최종적으로 한 단계 더 높일 수 있는 방법에 대해 자세히 설명합니다. 소개 이 jQuery 시리즈에서는 JavaScript 기반 웹 애플리케이션을 개발하는 과정에 대해 설명하고 있다. 이러한 기사를 읽기 전까지 jQuery에 대해 들어본 적이 없었다고 하더라도 이제는 jQuery를 사용하여 좋은 웹 애플리케이션을 개발하는 데 필요한 모든 스킬과 지식을 모두 갖추고 있어야 한다. 하지만 좋은 애플리케이션으로는 부족하여 우수한 웹 애플리케이션이 필요한 경우도 있다...

프로그래밍/스크립트 2009. 10. 12. 15:32

프로그래밍/스크립트 2009. 6. 5. 15:46

jQuery 에서는 CSS 셀렉터 와 엘리먼트를 선택해 처리하는 방법을 사용합니다. 그러나 이런 CSS 셀렉터 사용법을 좀더 잘 사용하면 처리속도의 향상을 가져옵니다. 여기에서 jQuery의 내부 처리와 같은 코드를 보고, jQuery를 빠르게 사용하기 위한 TIP 5 를 소개하고자 합니다. 1. 여러번 같은 실렉터를 실행하지 않는다. 2. 클래스만으로 지정하는 것을 금지한다. 3. #id 의 사용을 적극 권장한다. 4. 도중까지 결과를 재이용 한다. 5. 자식 셀렉터(>)를 잘 사용하면 처리가 빨라진다. 1. 여러번 같은 실렉터를 실행하지 않는다. ㅁ 개선전 // 예제1 $("div.foo").addClass("bar"); $("div.foo").css("background","#ffffff"); $(..

프로그래밍/스크립트 2009. 5. 26. 22:20

Ajax Requests: jQuery.ajax(options) HTTP통신으로 페이지를 읽어들입니다. load( url, data, callback ) HTML(을)를 읽어들여,DOM에 삽입합니다. jQuery.get( url, data, callback ) HTTP통신(GET)그리고 페이지를 읽어들입니다. jQuery.getJson( url, data, callback ) HTTP통신(GET)그리고JSON형식의 데이터를 읽어들인다. jQuery.getScript( url, callback ) HTTP통신(GET)그리고, 로컬의JavaScript파일을 읽어들여 실행한다. jQuery.post( url, data, callback, type ) HTTP통신(POST)그리고 페이지를 읽어들인다. Ajax ..

프로그래밍/스크립트 2009. 5. 26. 22:13

ajax 쌩으로 쓸려면 코드도 길어지고 xmlhttp 객체 메모리관리도 해야하고 이것저것 귀찮죠 jquery 에서는 상당히 심플한 인터페이스를 제공합니다.. 플젝하다가 갖다썼는데 상당히 만족스럽네요 여러가지 ajax 타입을 소개할까합니다. 재밌는것도 몇개있네요. 타입1. $.ajax({ type: "GET", url: "test.js", dataType: "script" }); 기본형을 보시면 ajax() 라는 메서드안에 속성 3개를 가진 객체를 생성한후 인자로 때려넣고 있군요. 동적으로 js파일을 로드해서 실행시키는 기능을합니다. 기능이 재밌어 보이긴하는데, 실제로 별로 안쓸것같네요 -_-; 타입2. $.ajax({ type: "POST", url: "some.php", data: "name=John&..

프로그래밍/스크립트 2009. 5. 26. 22:10

Michael Abernethy, 제품 개발 관리자, Optimal Auctions 옮긴이 : 박재호 이해영 dwkorea@kr.ibm.com 원문 게재일 : 2008 년 10 월 28 일 번역 게재일 : 2009 년 1 월 13 일 JQuery는 동적 RIA를 쉽게 개발하는 방법에 목마른 개발자를 위한 자비스크립트 라이브러리로 각광을 받고 있습니다. 브라우저 기반 응용이 데스크톱 응용을 계속 대체하고 있기에, 이런 라이브러리 활용 역시 꾸준히 증가 추세에 있습니다. jQuery 연재물에서 jQuery로 웹 응용 프로젝트를 구현하는 방법을 살펴봅시다. 도입 jQuery는 지난 몇 개월 동안에 웹 개발자를 위한 유력한 자바스크립트 라이브러리로 급속도로 세를 넓혀가고 있다. 이런 현상은 브라우저 기반 응용으..

프로그래밍/스크립트 2009. 5. 26. 22:01

앞의 설명을 조금 자세히 보겠다. 5. 설명(자세히) 위 코드가 실행되는 과정을 전체적으로 살펴보면. _1. 브라우저에서 lecture.html의 로딩이 끝나면 _2. $(document).ready()가 실행되고 정의된 함수 function(){...}이 실행되면 이것은 일반적인 자바스크립트 프로그램에서 BODY태그안에 onload='start()' 등으로 호출하는것이나 document.onload=function(){....} 등으로 선언하는것과 대응한다. 이때 JQuery가 이것들과 다른점은 JQuery의 경우 ready()를 여러번 선언할경우 선언된 모든 내용이 실행되는 반면 document.onload=function(){....} 는 마지막 선언된것만 실행된다.. 여기서 $(document)는..

프로그래밍/스크립트 2009. 5. 26. 21:56

1. JQuery 얻기 먼저 JQuey를 다운받는다. JQuery 사이트에가서 JQuery를 다운받는다. 다운로드 페이지는 여기에 있다. 압축된 버전(Compressed)과, 압축되지 않은 버전(Uncompressed)이 있는데 특별한 이유가 없다면 압축된 버전을 받는다. (마우스오른쪽 클릭, 다른이름으로 저장). 2. 처음해보는 JQuery프로그래밍 _1 lecture1 폴더를 만든다 _2 폴더안에 다운받은 JQuery파일을 넣는다. (예_ jquery-1.1.2.pack.js) _3 lecture1.html를 만들고 각각 다음 내용을 복사해 넣는다. 1) lecture1.html aaa1|bbb1|ccc1 aaa2|bbb2|ccc2 aaa3|bbb3|ccc3 4. lecture1.html을 브라우저에..

프로그래밍/스크립트 2009. 5. 26. 21:55

1. 웹 환경의 변화와 새로운 기술의 요구 이제까지 자바스크립트는 웹브라우저쪽에서 폼처리등의 간단한입력처리등 을 하는데 주로 사용되어 왔고 이것은 현재도 대체적으로 사실 입니다. 한때 DHTML등이 인기를 끌면서 한때 자바스크립트가 부각된 적도 있었지만. 양대 부라우저의 호환성문제와 플래시등의 새로운 미디어의 등장으로 자바스크립트의 중요성은 상대적으로 적어졌습니다. 어짜피 웹프로그래밍에서 서버용프로그래밍을 배제할 수 없는 상황에서 양쪽 프로그래밍(서버쪽과, 브라우저쪽)을 병행하는 것이 피곤한 일이라는 것 도 또한 현실적인 이유가 되었을 것입니다. 하지만 한편으로 웹의 환경은 계속 변해서 이제 그 변화는 Web2.0이나 AJax, OpenApi, 메쉬업 등의 용어들이 어느새 익숙해 질 만큼 구체적이 되었습..

프로그래밍/스크립트 2009. 5. 26. 21:54

2. JQuery 를이용한 AJax시작하기 이번에는 1. JQuery 시작하기에서 만들어본 내용에서 데이타를 TEXTAREA에 넣어보도록 했던 부분을 JQuery의 AJax기능을 이용하여 외부파일 data.txt를 열어서 TABLE을 만들도록 수정해 보겠다. 이 데이터를 php,jsp,asp등을 이용해 동적으로 만들어주면 간단하게 MVC모델을 적용하여 프로그래램을 작성할 수 있을것이다. _1 lecture2 폴더를 만든다 _2 폴더안에 다운받은 JQuery파일을 넣는다. (jquery-1.1.2.pack.js) * 다음부터 여기까지 과정은 생략하도록 하겠다 _3 lecture2.html과 data.txt를 만들고 각각 다음 내용을 복사해 넣는다. 1) lecture2.html 2) data.txt aaa..

프로그래밍/스크립트 2009. 5. 26. 21:52

JQuery Core JQuery 객체 만들기 1 $( html ) html을 JQuery Object로 만든다. 예) $("안녕하세요").appendTo("body"); 2 $(elems) 자바스크립트 엘리먼트나 엘리먼트 배열을 JQuery 오브젝트로 만든다. 예) $(document.body).html("으흐흐."); $(document.form1).html("으흐흐."); 3 $( expr, context ) 표현식과 context를 이용하여 JQuery객체를 만든다. 표현식은 여기서 설명해 두었다. 4 $( fn ) $(document).ready()의 짧은 표현이며, 일반 자바스크립트의 document.onload=function(){..}와 대응된다. 예) $(function(){ //여기에 ..

프로그래밍/스크립트 2009. 5. 26. 21:50

AJAX를 이용하면 PHP등의 서버쪽 기술을 이용하지 않고 HTML에 동적으로 다른 문서를 넣을 수 있습니다. HTML문서에 다음과 같은 DIV요소가 있을경우. $("#data").load("data.html"); 이렇게하면 data.html을 불러들입니다. (정말 간단하지요..) 이때 data.html은 utf-8인코딩이어야 합니다.

프로그래밍/스크립트 2009. 5. 26. 21:42

개인적으로 JQuery의 AJAX기능은 주로 load,get,post 정도를 많이 사용하고 실행환경에서 모든 페이지는 utf-8로 하고있습니다. (euc-kr은 골치아픈 문제들이 계속따라 다니기 때문에 가능하면 utf-8이 작업하기 좋구요.) load함수는 다른 글에서 설명했고. 여기서는 사용법이 비슷한 get과 post를 설명하겠습니다. 다른 jquery 기능처럼 간단합니다. 1. 기능 jquery의 get함수는 html폼 객체에서 method를 get으로하고 form의 submit()을 실행하는 것 과 같은 기능입니다. 마찬가지로 post함수의 경우는 method가 post입니다. 폼을 이용한 경우와 다른것이 있다면, 페이지를 ajax기술을 이용한 만큼 페이지를 새로고치지 않는것과, 데이터를 로딩하면..

프로그래밍/스크립트 2009. 5. 26. 21:26

Ajax 사용하기 출처 : http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery#Rate_me:_Using_Ajax 다음은 jQuery에서 Ajax를 사용하는 예제인데 http://jquery.bassistance.de/rate.phps 페이지에 접근하여 average와 count를 가져오는 예제임. $(document).ready(function() { // 마크업 생성 $("#rating").append("Please rate: "); for ( var i = 1; i

프로그래밍/스크립트 2009. 5. 15. 17:02