자바스크립트의 객체 이해하기원문 자바스크립트는 간단한 객체 기반 패러다임을 기반으로 설계됐다. 객체는 속성들(properties)의 모음이며, 각 속성(property)은 이름(name)과 값(value)의 조합으로 구성된다. 프로퍼티의 값으로 함수를 사용 할 수 있는데, 이 프로퍼티를 메서드라고 한다. 이번 장에서 객체, 프로퍼티, 함수, 메서드를 살펴...
jQueryjQuery는 대부분의 브라우저와의 호환을 보장하는 작고 가벼운 자바스크립트(javascript)라이브러리다. 존 레식이 2006년 뉴욕시 바캠프에서 공식적으로 소개한 이래로 가장 인기있는 자바스크립트 라이브러리 중 하나가됐다.아래 차트는 jQuery를 비롯한 몇 가지 자바스크립트 라이브러리의 트랜드를 보여준다. 구글 트랜드의 정보이기 때문에,...
Learn jQuery자바스크립트는 나와 별 관련이 없을 언어라고 생각을 했왔는데, 어쩌다 d3.js를 하면서 재미있을 것 같아서 공부해보기로 했다. 빠른 활용이 목적이라서 굳이 언어차원에서 자바스크립트를 파고 들어갈 생각은 없고, jQuery로 공부하기로 했다.jQuery.com 사이트에 갔더니, 오픈된 가 있어서 이 문서로 공부하기로 결심. 1. 1...
About jQuery이 문서는 처음 jQuery를 접하는 사람들을 위한 기본적인 내용을 담고 있는 튜토리얼 형식의 문서다. jQuery로 만든 코드들은 웹 브라우저로 테스트가 가느하므로, 로컬 컴퓨터에 테스트할 수 있는 환경을 만들도록 하자. 아래와 같은 HTML 페이지를 하나 만든다.
jquery - ajax전통적으로 웹 페이지의 내용을 업데이트하기 위해서는 웹 페이지를 다시 요청(reload)해야 했다. 웹 메일의 경우, 메일 박스에 새로운 메일이 도착했는지를 확인하기 위해서 F5 키를 누르는 식으로 웹 페이지를 통째로 받아와야 했다. 유저의 키입력이 필요하며, 전체 페이지를 로딩하는 거라서 반응이 매우 느렸기 때문에, 현대적인 웹 ...
jQuery - EffectjQuery를 이용하면, 웹 페이지에 간단하게 여러 효과들을 추가할 수 있다. 내장된 효과들을 호출할 수도 있고, 개발자가 직접 커스터마이징 할 수도 있다. 또한 CSS의 속성들을 이용해서 애니메이션 효과를 만들 수도 있다.jQuery 효과에 대한 자세한 내용은 를 참고하자....
jQuery - EventsjQuery를 이용하면 간단하게 selection에 이벤트 핸들러를 붙일 수 있다. 이벤트가 발생하면 proided 함수가 실행되는데, 이벤트가 발생할 앨리먼트에 대한 this를 가지고 있다. 이벤트 핸들링 함수는 이벤트 객체(event object)를 받을 수 있다. 이 객체를 이용해서 이벤트의 기본동작을 방지하고 이벤트의 성...
Using jQuery CorejQuery 객체는 일반적으로 다음과 같이 다룬다.$("h1").remove();대부분의 jQuery 메서드들은 위에서 처럼 jQuery객체로 부터 호출이 되는데, 이 메서드들은 $.fn namespace에 정의돼 있다. 이를 jQuery 객체 메서드(jQuery object methods)라고 한다. 반면 selection...
49 POSTS HERE
자바스크립트의 객체 이해하기
자바스크립트의 객체 이해하기원문 자바스크립트는 간단한 객체 기반 패러다임을 기반으로 설계됐다. 객체는 속성들(properties)의 모음이며, 각 속성(property)은 이름(name)과 값(value)의 조합으로 구성된다. 프로퍼티의 값으로 함수를 사용 할 수 있는데, 이 프로퍼티를 메서드라고 한다. 이번 장에서 객체, 프로퍼티, 함수, 메서드를 살펴...
jQuery
jQueryjQuery는 대부분의 브라우저와의 호환을 보장하는 작고 가벼운 자바스크립트(javascript)라이브러리다. 존 레식이 2006년 뉴욕시 바캠프에서 공식적으로 소개한 이래로 가장 인기있는 자바스크립트 라이브러리 중 하나가됐다.아래 차트는 jQuery를 비롯한 몇 가지 자바스크립트 라이브러리의 트랜드를 보여준다. 구글 트랜드의 정보이기 때문에,...
Learn jQuery
Learn jQuery자바스크립트는 나와 별 관련이 없을 언어라고 생각을 했왔는데, 어쩌다 d3.js를 하면서 재미있을 것 같아서 공부해보기로 했다. 빠른 활용이 목적이라서 굳이 언어차원에서 자바스크립트를 파고 들어갈 생각은 없고, jQuery로 공부하기로 했다.jQuery.com 사이트에 갔더니, 오픈된 가 있어서 이 문서로 공부하기로 결심. 1. 1...
About jQuery
About jQuery이 문서는 처음 jQuery를 접하는 사람들을 위한 기본적인 내용을 담고 있는 튜토리얼 형식의 문서다. jQuery로 만든 코드들은 웹 브라우저로 테스트가 가느하므로, 로컬 컴퓨터에 테스트할 수 있는 환경을 만들도록 하자. 아래와 같은 HTML 페이지를 하나 만든다.
jquery - ajax
jquery - ajax전통적으로 웹 페이지의 내용을 업데이트하기 위해서는 웹 페이지를 다시 요청(reload)해야 했다. 웹 메일의 경우, 메일 박스에 새로운 메일이 도착했는지를 확인하기 위해서 F5 키를 누르는 식으로 웹 페이지를 통째로 받아와야 했다. 유저의 키입력이 필요하며, 전체 페이지를 로딩하는 거라서 반응이 매우 느렸기 때문에, 현대적인 웹 ...
jQuery - Effect
jQuery - EffectjQuery를 이용하면, 웹 페이지에 간단하게 여러 효과들을 추가할 수 있다. 내장된 효과들을 호출할 수도 있고, 개발자가 직접 커스터마이징 할 수도 있다. 또한 CSS의 속성들을 이용해서 애니메이션 효과를 만들 수도 있다.jQuery 효과에 대한 자세한 내용은 를 참고하자....
jQuery - Events
jQuery - EventsjQuery를 이용하면 간단하게 selection에 이벤트 핸들러를 붙일 수 있다. 이벤트가 발생하면 proided 함수가 실행되는데, 이벤트가 발생할 앨리먼트에 대한 this를 가지고 있다. 이벤트 핸들링 함수는 이벤트 객체(event object)를 받을 수 있다. 이 객체를 이용해서 이벤트의 기본동작을 방지하고 이벤트의 성...
Using jQuery Core
Using jQuery CorejQuery 객체는 일반적으로 다음과 같이 다룬다.$("h1").remove();대부분의 jQuery 메서드들은 위에서 처럼 jQuery객체로 부터 호출이 되는데, 이 메서드들은 $.fn namespace에 정의돼 있다. 이를 jQuery 객체 메서드(jQuery object methods)라고 한다. 반면 selection...