javascript:기초

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- javascript:기초 [2011/10/07 12:49]
kwon37xi
+++ javascript:기초 [2022/01/22 12:44] (현재)
kwon37xi
@@ 줄 1: / 줄 1: @@
 ====== Javascript 기초 ======
   * [[https://developer.mozilla.org/en/A_re-introduction_to_JavaScript|A re-introduction to JavaScript - MDN]] : JavaScript를 다시 소개합니다
+  * [[https://ko.javascript.info/|모던 JavaScript 튜토리얼]]
+  * [[https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript|JavaScript 재입문하기 (JS 튜토리얼) | MDN]]
+  * [[https://javascript.info/|The Modern JavaScript Tutorial]]
   * [[http://dev.naver.com/tech/ajaxui/ajaxui_2.php|Javascript와 함수형 프로그래밍 - 네이버 개발자센터]]
+  * [[javascript:objectoriented|Javascript 객체 지향 프로그래밍]]
-===== 객체지향 프로그래밍 =====
+  * [[http://frends.kr/topics/javascript-core/|JavaScript. The Core]]
-  * [[http://msdn.microsoft.com/en-us/magazine/cc163419.aspx|Advanced Web Applications With Object-Oriented JavaScript]] JavaScript OO에 관한 매우 깊이 있는 소개. 필독 할 것.
-  * [[https://developer.mozilla.org/en/Introduction_to_Object-Oriented_JavaScript|Introduction to Object-Oriented JavaScript - MDN]] : JavaScript OO에 관한 쉬운 소개
-  * [[http://dev.naver.com/tech/ajaxui/ajaxui_3.php|Javascript와 객체지향 프로그래밍 - 네이버 개발자센터]] : new 관련 설명에 오류 있음.
-==== 클래스 만들기 ====
-원칙적으로 말해서 JS에는 class는 존재하지 않는다. 단지, 생성자 함수만 존재할 뿐이다.
-아래는 Pet 이라는 클래스를 생성한다.
-<code javascript>
-function Pet(name) {
-    this.name = name; // name 필드 생성
-}
-Pet.prototype.age = 0; // age 필드 생성
-// toString 메소드 생성
-Pet.prototype.toString = function() {
-    return "Pet name : " + this.name + ", age : " + this.age;
-}
-var mong = new Pet("mong"); // 객체 생성
-mong.age = 6;
-alert(mong);
-</code>
-==== 상속 ====
-상속할 때 중요한 부분은 ''Dog.prototype = new Pet()''과 ''Dog.prototype.constructor = Dog'' 부분이다.
-<code javascript>
-// 위에서 이어서, Pet을 상속하는 Dog 생성
-function Dog(name, age, breed) {
-    Pet.call(this, name);
-    this.age = age;
-    this.breed = breed;
-}
-// Dog.prototype이 Pet.prototype으로부터 상속하도록 한다.
-Dog.prototype = new Pet();
-// Pet 함수를 가리키는 생성자를 Dog 함수를 가리키도록 변경한다.
-Dog.prototype.constructor = Dog;
-// toString() 메소드 오버라이드
-Dog.prototype.toString = function() {
-    // 필요할 경우 부모클래스 메소드도 호출 가능
-    return "Dog " + Pet.prototype.toString.call(this) + ", breed : " + this.breed;
-}
-var miro = new Dog("Miro", 7, "Pomeranian");
-alert(miro);
-alert("Is miro a Dog? " + (miro instanceof Dog));
-alert("Is miro a Pet? " + (miro instanceof Pet));
-alert("Is miro an Object? " + (miro instanceof Object));
-</code>

javascript/기초.1317959376.txt.gz · 마지막으로 수정됨: 2011/10/07 12:49 저자 kwon37xi