본문 바로가기

Web108

[JQuery 기본 개념] jquery란/jqeury 사용방법 1. JQuery-JQuery란 자바스크립트 라이브러리이다.-Javascript를 좀 더 쉽게 사용하려고 만들어졌다.-DOM 형식의 JavaScript 코드는 복잡하고 긴 이지만 JQuery는 좀더 직관적이고 짧고 단순하다. à Ex) ID를 호출 하는 경우, JavaScript 는 document.getElementById('ID') 라고 써야 하지만,JQuery 는 $('#ID') 로 표시할 수 있다. -자바스크립트에는 prototype, jQuery, YUI 등의 다양한 라이브러리들이 있음.-크로스 브라우저를 지원한다.-라이브러리란 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들을 의미. 1.1 사용방법1. CDN 호스트를 통해 JQuery를 불러오는 방법.. 2016. 6. 23.
[Javascript 기본 개념] Javascript 문법-Object 1.1 Object- 객체의 가장 기본적인 형태를 가지고 있는 객체- 아무것도 상속받지 않는 순수한 객체- 값을 저장하는 기본적인 단위로 Object를 사용- 모든 객체는 Object 객체를 받기 때문에 모든 객체가Object 객체의 프로퍼티를 가지고 있다. - Object 객체를 확장하면 모든 객체가 접근할 수 있는 API를 만들 수 있다. 2016. 6. 23.
[Javascript 기본 개념] Javascript 문법-프로토타입(prototype) 1.1 prototype 한국어로는 원형정도로 번역되는 prototype은 말 그대로 객체의 원형이라고 할 수 있다prototype에 저장된 속성들은 생성자를 통해서 객체가 만들어질 때 그 객체에 연결된다. 2016. 6. 23.
[Javascript 기본 개념] Javascript 문법-상속 1.1 상속 2016. 6. 23.
[Javascript 기본 개념] Javascript 문법-this개념 1.1 this-this는 함수 내에서 함수 호출 맥락(context)를 의미한다.-맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻이다. Ex) 함수의 메소드인 apply, call을 이용하면 this의 값을 제어할 수 있다. var o = {} var p = {} function func(){ switch(this){ case o: document.write('o '); break; case p: document.write('p '); break; case window: document.write('window '); break; } } func(); func.apply(o); func.apply(p); 2016. 6. 23.
[Javascript 기본 개념] Javascript 문법-생성자와 new 1.1 생성자와 new*객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다.객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부른다. Ex) 코드의 재 활용성을 높인 생성자 예 function Person(name){ this.name = name; this.introduce = function(){ return 'My name is '+this.name; } } var p1 = new Person('egoing'); document.write(p1.introduce()+" "); var p2 = new Person('leezche'); document.write(p2.introduce()); à 생성자 내에서 이 객체의 프로퍼티를 정의하고 있다. 이러한 작업을 .. 2016. 6. 23.

티스토리툴바