본문 바로가기

분류 전체보기

jquery event - 이벤트를 동적으로 맴핑하기 오랜만에 글을 올립니다. 오늘은 jquery 이벤트 관련 메서드 중 동적으로 이벤트를 맵핑 할 수 있는 메서드를 정리해보겠습니다. 자바스크립트 등과 같은 웹용 개발언어에서 조금은 불편한 것이 동적인 부분의 처리가 어렵다는 것이었습니다. 그러니 jquery의 live 메서드와 die 메서드는 그런 부족한 부분을 채워주는 메서드 입니다. .live .live()의 메서드는 jqeury 플러그인으로 개발되어 사용이 되어오다가 jquery 버전 1.3 부터 정식 메서드로 추가되었습니다. 메서드 단어의 뜻으로는 정확히 어떤 기능을 하는 메서드인지 감이 잡히지 않습니다. 간단하게 설명하자면 개체(요소)에 이벤트라는 생명을 불어 넣어준다고 생각하시면 됩니다. 이해가 잘 안되시죠?(저도 잘 안됩니다. 메서드 이름의 단.. 더보기
jquery 이벤트 메서드 중요메서드 정리 jquery 이벤트 메서드들 중에서 가장 중요한 메서드인 bind() 메서드를 정리해보았습니다. .bind() 이 메서드는 단어로 이해를 하면 묶어준다는 뜻입니다. 개체와 이벤트를 묶어주는(연결해주는) 역할을 합니다. 다른 event 관련 메서드는 직접 호출하지만, bind()의 경우 파라미터의 값으로 이벤트 이름을 대입하여 해당 이벤트를 체크합니다. $("span").click(function() { alert('click'); }); event 메서드는 이렇게 사용했다면, bind() 메서드를 통해서는 다음과 같이 표현됩니다. $("span").bind('click', function() { alert('bind click');}); 두 메서드의 차이점은 .click() 메서드는 직접 호출을 하는 것.. 더보기
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.. 더보기
구글 검색용 애드센스 설치 방법 정리 블로그에 컨텐츠용 애드센스만 설치하여 이용하다가 오늘은 구글 검색용 애드센스를 설치하였습니다. 구글 애드센스에 가입되어 있지 않다면 먼저 구글 애드센스에 가입을 하시기바랍니다. 먼저 구글 애드센스 계정으로 로그인 하여 아래 화면에 보이는 것처럼 내광고로 들어가서 검색>맞춤 검색엔진을 선택하면 됩니다. 화면 오른쪽의 새 맞춤검색엔진 버튼을 클릭하면 다음과 같은 화면이 나옵니다. 이제 이곳에 필요한 정보를 입력한 후 구글 검색용 애드센스 코드를 생성하여 운영중인 블로그에 삽입하면 됩니다. 먼저 구글 검색용 애드센스의 이름을 입력해야 합니다. 이름에는 운영하시는 분이 구분하기 쉬운 이름을 입력하시면 됩니다. 저는 제 블로그 주소를 입력하였습니다.(귀차니즘~~~) 다음은 구글 검색용 애드센스를 블로그에 설치한 .. 더보기
지난 여름 목포 바닷가를 다녀오면서 아침에 아이를 데리고 병원에 다녀왔습니다. 주말에 목이 부어 열이 났지만 아들이 잘 놀고 있길래 금방 났겠지 했는데, 병원에서 의사 선생님이 하시는 말씀이 열이 지금까지 났냐고 물어보시길래 지금까지 계속은 하루에 한번이나 두번정도 났다고 대답을 하니, 의사선생님이 하시는 말씀이 그렇게 난것도 계속 난 것이라고 말씀을 하시더군요. 일단 3일분 약을 먹어보고 그래도 열이 난다면 다른 검사를 해야한다고 합니다. 휴~~ 열이 내리고 다른 검사를 하지 않아야 될텐데.... 퇴근 후 자고 있는 아들의 모습을 바라보면서, 지난 여름에 하루 일정으로 목포에 다녀왔던 사진을 보면서 항상 이렇게 밝고 건강하게 자랐으면 하는 생각을 해봅니다. 내가 대신 아프면 안되나~~ 사진만 찍으면 하는 자세, 다른 한손에는 무엇인가 꼭.. 더보기
KT 홈허브 설정 방법 정리 오늘은 KT 홈허브에 접속하여 관련 기능들을 설정하는 방법에 대하여 정리하였습니다. KT 홈허브에 접속하는 방법은 다음과 같이 하시면 됩니다. 웹브라우저 주소 입력창에서 아래 화면과 같이 주소를 입력하시면 됩니다. http://172.30.1.254로 접속을 하여 로그인을 하고 나면 다음과 같은 화면이 나옵니다. 기본적으로 화면을 보시면 현재 KT 홈허브의 인터넷 연결상태와 LAN 연결 상태 정보를 확인 할 수 있습니다. I. 간편설정 KT 홈허브의 설정을 위해서는 위 그림의 파란색 상자 안의 간편설정을 클릭하면 아래와 같은 화면이 나옵니다. 1 : KT 홈허브의 인터넷 연결 설정 방식에 대한 설정 2 : KT 홈허브의 무선 인터넷 연결 설정 - 무선랜 이름을 적당한 이름으로 변경해주시면 됩니다. - 무.. 더보기