Annotation

나만의 jQuery 메소드를 만들어 사용해보자! 웹 개발을 하시면서 대부분 유틸리티성 코드들을 한두가지씩 보유하고 계실겁니다. 이번 포스팅에서는 자바스크립트 객체를 만들어서 함수를 추가하는 방법이 아닌, jQuery 객체에 사용자 정의 메소드를 추가하여 사용하는 방법을 써내려가 보겠습니다. $.fn우리는 다음과 같이 jQuery 를 통해 미리 제작된 다양한 메소드를 간편하게 사용 하고 있습니다. $("button").eq(0).text("첫번째버튼"); 이렇게 jQuery Selector 를 이용하는 메소드를 추가하려면 $.fn.메소드명 을 통해 추가하면 됩니다. 다음 소스코드는 서버에서 특정 문자열이 XSS 필터링되어 변환된 문자열을 다시 복원하는 메소드의 예시입니다. $.fn.HTMLTagRestor..

쉽고 간편하고 편리하게 쓰자! jQuery Tooltipsy 대부분 개발하면서 한번쯤은 툴팁이 필요한 순간이 있습니다. 회원가입을 한다던가, 도움말을 올린다거나, 또는 힌트를 준다던가. 사용할 순간은 많고 많은데, 어찌 표현할지는 한번씩 고민합니다. 저같은 경우는 처음에 title 속성을 사용했습니다. 근데 title 속성에는 단점이있지요.. 꾸밀수 없으며, 꾸밀수 없기에 투박하고, 늦게 뜬다. 이정도는 대부분 공감하리라 믿습니다.. 그래서 이번포스팅에서는 아주아주 간편하고, 매우 쉬우며, 빠르게 사용할 수 있는, jQuery 툴팁 플러그인을 소개해 드리겠습니다. 플러그인 이름은 jQuery Tooltipsy(링크) 입니다. 링크를 타고 들어가시면 빨간색 배경으로 강렬하게 맞이하여 줍니다. 들어가시면 아..

for(var i=0; i

개발하며 서버와 통신시 데이터 포맷은 주로 XML과 Json을 사용합니다. 파싱속도는 Json이 XML보다 약간 더 빠르다고 알려져있는데요. 속도 측정도 해보지 않았고, 사용량이 많은 웹을 개발하지 않아 저는 잘 모르겠네요 :( 어찌됫든 이번 주제는 jQuery를 사용한 XML 파싱에 대한 방법입니다. jQuery는 파싱도 매우 쉽고 간편하게 할 수 있습니다. 먼저 서버에 요청을 해야겠지요? $.ajax({ url : "요청경로", type : "POST", success : function(xml){ console.log(xml); } }); 여기서 요청경로(URL)는 필요한 경로에 맞게 사용하시면 되겠습니다. 실제 웹루트안에 XML 파일에 요청할수도 있는거고, 서버에서 XML을 만들어서 리턴받을수도 ..