본문 바로가기

IT

jquery 이벤트 지원 메서드 정리 jquery 이벤트에 정리를 해보도록 하겠습니다. jquery는 이벤트를 쉽고 간단하게 핸들링할 수 있는 여러 메서드를 제공하고 있습니다. jquery를 사용하지않는다면 직접 이벤트 지원 메서드를 사용자가 작성해야 하지만 jquery를 사용한다면 그런 수고를 덜 수 있습니다. 지원되는 메서드는 마우스 클릭 부터 더블클릭 그리고 마우스 휠에 대한 이벤트까지 쉽게 처리하고 사용할 수 있습니다. jquery에서 제공하는 이벤트 관련 메서드는 수 없이 많습니다. jquery를 사용하는 개발자는 많은 jquery를 이벤트를 쉽게 이용할 수 있고, 다양한 UX를 만들 수 있다는 장점이 있습니다.(저 같이 게으른 게발자에게는 더 없이 좋은 일입니다.) 오늘은 jquery 이벤트 지원 메서드에 대해 정리를 해보았습니다.. 더보기
jQuery Form 관련 메서드 정리 jQuery form 관련 메서드를 정리해보겠습니다. 웹 프로그램에서 Form은 매우 중요한 요소입니다. 물론 웹프로그램을 만들 필요가 없다면 별로 중요하지 않을 수 있습니다. 사용자의 데이터를 서버로 전송하는 역할을 합니다. form하면 항상 등장하는 메서드가 submit()입니다. "submit"는 form에 있는 데이터를 사용자가 지정한 곳에 보내는 역할을 합니다. jQeury에서 지원하는 .submit() 도 동일한 역할을 합니다. .submit(handler(eventObject))를 살펴 보면, 뒤에 handler라는 것이 존재를 하고 있습니다. submit()를 클릭하게 되면 정의된 handler가 실행이 되어 실행되고 난 후 결과에 따라 서버로 데이터를 전송 할 것인지 말 것인지를 결정하게.. 더보기
jQuery element(요소)의 속성 관련 메서드 정리 요즘 하는 일이 바쁘다 보니 jQuery 정리하는 것이 뒷전으로 밀렸습니다. 잠시나마 시간을 내어 jQuery element 속성을 제어하는 메서드들에 대해 공부한 후 정리를 해놓으려고합니다. 이렇게 정리를 해두어야 필요할 때 바로 이용할 수 있습니다.(제가 정리를 잘 못합니다.) 먼저 HTML 문서의 속성을 제어하는 메서드입니다. HTML element에서 이름을 제외한 나머지 요소는 모두 속성이 될 수 있습니다. 이라는 HTML 태그가 있다면 src, alt는 모두 요소가 됩니다. 정의되지 않은 값을 사용자 임의로 넣어 사용 가능합니다. (주의 : 사용자 정의 속성은 특별한 오류를 나타내지는 않지만, 간혹 웹브라우저(익스플로러,크롬,사파리,오페라 등) 특성으로 오류가 발생하는 경우가 있습니다.) .a.. 더보기
jQuery CSS 제어 메서드 정리 jQuery에서는 굉장히 많은 메서드를 제공하고 있습니다. 그 많은 메서드를 다 외워서 사용하기에는 불가능할 것이라 생각됩니다. 저 역시도 이제 막 새롭게 시작하다보니 메서드를 거의 외우지 못하고 있습니다. 제가 다른 컴퓨터 언어(Delphi, C, C++, C# )등을 공부할떄 기본 문법만 익히고 나서 나머지 함수(function 등)은 함수 목록을 한번 훑어보고 이러한 기능을 하는 함수들이 있구나 하고 넘어가고 실제 개발할 때 그 함수 목록을 검색하면서 개발을 했고, 지금도 그렇게 개발을 하고 있습니다. 따라서 jQuery를 공부하는데 있어서도 마찬가지 방법으로 공부를 하면 될 것이라고 생각하고 있으며, 지금은 jQuery를 이용하여 복잡한 개발을 할 생각은 없고 단지 운영하고 있는 블로그에 간단하게.. 더보기
[jQuery]jQuery Core 란? 간단하게 jQuery에 대한 간단한 설명, jQuery의 기초적인 문법에 대해 요약을 했습니다. 그것만 가지고는 jQuery를 이용해서 개발을 하기는 어려울 것입니다. 저는 jQuery관련 전문적으로 개발을 하는 사람이 아닌 관계로 깊이 있게 들어가지는 못했습니다. 그냥 어느정도 공개된 jQuery 플러그인을 가져다가 블로그나 웹페이지에 붙여넣어 사용하는 정도의 수준입니다. 그렇지만 공개된 jQuery 플러그인을 사용한다고 하더라도 기본적인 jQuery에 대한 문법 등은 알고 있어야 블로그에 적용하는데 어려움이 없을거라 생각하여 정리한 내용입니다. jQuery Core? 이번에는 jQuery core에 대해 정리 해보고자 합니다. jQuery 함수들을 살펴보면 jQuery 대신 "$"를 사용하고 있는 것.. 더보기
jQuery 문법 jQuery를 블로그에 적용하기 위해서는 jQuery 문법을 알고 있어야 적용하기 쉬울거라 생각하여 먼저 jQuery의 기본적인 문법을 정리하였습니다. jQuery 문법 jQuery 문법은 선택자와 액션으로 구성되어 있으며 선택자는 엘리먼트를 지정하는 부분, 액션 함수는 요소가 수행할 액션을 지정합니다 jQuery 문법 예제 $(this).hide(); 해당 요소를 감추게 하는 jQuery hide() 메소드 $("divid").hide(); id가 divid인(id = "divid") 요소를 감추게 한다. $("p").hide(); 모든 요소를 감추게 한다. $(".menu").hide(); CSS 클래스가 menu인(class=".menu") 모든 요소를 감추게한다. jQuery 문법 jQury 문법.. 더보기
[jQuery]jQUERY란? jquery(제이쿼리)를 티스토리 블로그에서 사용해보고자 마음 먹고 앞서 글에선 티스토리 블로그에 jquery(제이쿼리)를 티스토리에 불러오는 방법에 대해 포스팅했습니다. 어려울 것이라 생각했는데 시도를 해보니 그렇게 어렵지 않게 적용이 되었습니다. 오늘은 간단하게 jquery(제이쿼리)에 대해 정리를 해보고자 합니다. jquery(제이쿼리)는 JavaScript Library입니다. - JavaScript Library의 종류는 Prototype, Dojo toolkit, Extjs, Mochkit등 여러 종류가 있지만 현재는 kQUERY가 대세인거 같습니다. - jquery(제이쿼리)는 JavaScript 프로그래밍을 매우 단순하게 해줍니다. - jquery(제이쿼리)를 사용하지 않는다면 직접 코딩 .. 더보기
[JQUERY]티스토리 블로그에 JQUERY 불러오기 블로그를 운영하게 되면서 조금씩 욕심이 생기는 거 같습니다. 티스토리에서 제공하는 스킨에 몇가지 기능을 추가하고 싶은 생각을 하게 되어 홈페이지를 작업하면서 알고 있었던 jquery 라이브러리를 티스토리 블로그에 적용해보기로 하였습니다. 어려울거라는 생각은 들지만 시도를 해보다 보면 좋은 결과가 있을 것이라고 생각합니다. 먼저 jquery(제이쿼리)를 티스토리 블로그에 적용을 하려면 사용하는 블로그에서 jquery(제이쿼리) 라이브러를 로드를 해야합니다. 보통은 적용된 티스토리 블로그의 스킨 폴더의 images/폴더 아래에 jquery(제이쿼리) 파일을 업로드 하여 사용합니다. 저는 jquery(제이쿼리) 파일을 구글 서버에서 로드 하는 방법을 선택하였습니다. jquery(제이쿼리)라이브러리는 지금도 개.. 더보기

티스토리툴바