본문 바로가기
JSON 과 XML 의 Parsing 비교. ( 속도, 특성, 장단점 ) JSON 과 XML 의 Parsing 비교. ( 속도, 특성, 장단점 ) General -Transfer, Parsing, Query 측면에서 봤을 때 XML 과 JSON 은 거의 비슷하다.( 33 개의 다른 문서를 1200 번정도 OS, Browser 등을 바꿔가며 테스트 했다고 함 ) 출처 : http://www.infoq.com/news/2013/08/xml-json-performance -기본 JavaScript parsing 기준으로 JSON 이 XML 보다 조금 더 느리지만, query 속도는 JSON 이 훨씬 빠르다.jQuery 를 이용했을 경우에는 JSON 이 매우 느려지는데, XML 은 훨~씬 느려진다. -JSON, XML 파싱 속도는 큰 차이가 없으니, 그냥 Data 전송에 치우쳐 생각.. 2014. 4. 2.
[jQuery] Slider 컨트롤. ( control ) Slider Control Slider 컨트롤 만들고, 사용하기 Sliderbar의 값을 get, set 하는 것은 val() 함수를 통해서 한다. //Get$("#slider").val(); //Set$("#slider").val( 10 ); data-highlight="true" 를 통해서 왼쪽편의 색깔을 바꿀 수 있고,data-track-theme="b" 를 통해서 slider 부분만의 테마도 변경 할 수 있다. data-highlight, data-track-theme, Get, input, jQuery, Max, Min, RANGE, Set, slider, slider control, step, type, Val, Value 2013. 11. 5.
[jQuery/Tutorial] Selector 를 통해 Element 선택하기. Selector 를 통해 Element 선택하기. [이전강좌] DOM의 Attributes 사용하기. jQuery 는 CSS3 가 제공하는 selector 대부분을 지원하고, 이외의 특별한 selector 들도 제공한다. ID 로 선택하기 $("#myID"); Class 이름으로 선택하기 $(".myClass"); Attribute 값으로 선택하기 $("a[href='newHtml.html']"); CSS 복합 selector 로 선택하기 $("#myID ul.myClass li"); Pseudo-selector $("a.external:first"); // external 이라는 class 를 가진 첫번쨰녀석$("tr:odd"); // tr 의 홀수번째 녀석들. $("#myForm:input") // .. 2013. 7. 17.
[jQuery/Tutorial] DOM의 Attributes 사용하기. DOM 의 Attributes 사용하기 [이전강좌] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery 함수 중 하나인 attr 함수는 DOM attribute 에 대한 getter 이자, setter 로 사용할 수 있다. Setter 로서의 사용 예 $("a").attr( "href", "newHtml.html" ); $("a").attr({title: "newTitle",href: "newHtml.html"}); Getter 로서의 사용 예 $("a").attr( "href" ); [다음강좌] Selector 를 통해 Element 선택하기. attr, attributes, DOM, dom attribute, exmaple code, getter, jQue.. 2013. 7. 16.
[jQuery/Tutorial] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery와 다른 JS Library 함께 쓰기 ( noConflict ) [이전강좌] $(document).ready() 와 $(window).load() 의 차이. jQuery 는 해당 library 를 사용을 위한 namespace 로 "jQuery" 를 지정했고, $ 를 그 alias 로 지정해놓았다.하지만 다른 유명한 JS Library 들도 $ 를 namespace alias 로 사용하는 경우가 있어jQuery 와 다른 library 사이에 충돌이 일어나는 경우가 있다. 충돌이 일어나면, 내가 현재 사용하는 $ 가 어떤 library 에 귀속되는 녀석인지 판별하기가 어렵다.그래서 가능하면 한 개의 library 로 해결할 수 있다면 다른 library 를 함께 사용하는 것은 비추되고 있다.C.. 2013. 7. 15.
[android] jsoup library [android] jsoup library http://jsoup.org/ DOM, CSS, jquery 같은 함수들을 제공하여 HTML 을 제어할 수 있게 하는 open source library. * HTML 을 URL, file, string 으로부터 가져와 parsing 할 수 있다. * DOM traversal 이나 CSS Selector 를 이용하여 data 를 찾을 수 있다. * HTML element, attribute, text 등을 조작 가능하다. * HTML validating 에도 쓰일 수 있다. * Comment 등을 통한 cross-site scripting ( XSS ) 를 방지할 수 있다. android jsoup, android library, android open sou.. 2013. 7. 13.
[jQuery/Tutorial] $(document).ready() 와 $(window).load() 의 차이. $(document).ready() 와 $(window).load() 의 차이 [이전강좌] $ 와 $() 의 차이. $(document).ready() $(document).ready() 는 페이지의 DOM 이 모두 load 되는 순간 1회만 불린다. $(window).load() $(window).load( function(){...} ) 의 경우는 페이지 전체가 다 load 되는 순간 1회만 불린다. 둘의 차이가 잘 이해가 안되는데? DOM load 와 Page load 의 차이를 이해하면 이해가 될텐데,page load 는 img 나 iframe 태그가 있을 경우 그것들의 load 가 모두 끝나는 순간을 page load 가 끝나는 시점으로 본다.따라서 DOM 이 모두 준비되어도 JS 코드들을 바로.. 2013. 7. 11.
[jQuery/Tutorial] $ 와 $() 의 차이. $ 와 $() 의 차이 jQuery selection 에 불리는 method 는 $.fn namespace이다.jQuery method 의 대부분의 경우가 바로 이 jQuery object method 이다.이 경우 자동적으로 selection 을 받거나 리턴할 수 있다. ex)$("h1").remove(); Selection 없이 $ namespace 로 불리는 method 는 보통 utility-type method 이다. 이 녀석들은 core jQuery method 라 불린다.이들은 자동으로 argument 를 전달하지 않으며, 반환값을 다르다. [다음강좌] $(document).ready() 와 $(window).load() 의 차이. $, $(), core jQuery method, FN, j.. 2013. 7. 10.
[jQuery] Checkbox 와 RadioButton 에 대해 알아보자. jQuery, Checkbox 와 RadioButton 에 대해 알아보자. Checkbox 만들기 Cheese Pepper 위와 같이 2가지 방법으로 만들 수 있다. 의 경우는 기본적으로 checkbox 만 표시한다.따라서 checkbox 와 label 을 함께 표시하기 위해서는 checkbox 를 label 태그 안에 위치시켜야 한다. 두번째 방법은 label 에 for 속성을 주어, checkbox 와 연결해주는 방식이다.이는 checkbox 뿐만 아니라 다른 form tag 등에도 적용될 수 있지만,직접적으로 display 에 영향을 미치는 녀석은 checkbox 와 radio button 이다. CheckBox 값 체크하기 if ( $("#checkbox1").is(":checked") == tr.. 2013. 7. 3.
반응형