쌍용강북교육센터 국비 학원 Day 49일차 JavaScript (node 탐색, class 문법)

 

쌍용 강북 교육센터 국비학원 Day 49일차

 

 

노드 탐색하기

.parentNode.parentNode	부모노드의 부모노드를 리턴
.parentNode	부모노드를 리턴
.childNodes	모든자식노드들을 리턴
.firstChild	첫째자식노드를 리턴
.lastChild	마지막자식노드를 리턴
.nextSibling	같은 레벨의 노드중 이전 노드를 리턴 (바로밑 - 형제노드)
.previousSibling	같은 레벨의 노드중 이전 다음를 리턴 (바로위 - 형제노드)

 

※ 주의할 점은 태그사이에 띄어쓰기를 하거나 태그를 줄 바꿈을 해버리면 띄어쓰기나 줄바꿈을 텍스트 노드(text node) 로 취급해버리므로 원하는 노드의 값을 가지고 오지 않고 undefined 가 나온다. 이렇게 undefined 가 나오지 않도록 하기 위해서 우리는 노드에 id 값을 주어서 처리하도록 한다.

 

객체의 속성에 해당하는 값을 읽어오는 방법에 있어서 속성명이 변수로 되어져 있을 경우에는 .표기법이 아닌 대괄호 표기법을 사용해야 한다. 즉, 속성명이 변수로 되어져 있을 경우 속성명에 해당하는 값을 읽어오기 위해서는 객체.속성명 이 아닌 객체[속성명] 으로 해야만 한다. 

 

 

 

class 선언

JavaScript Classes 는 ES6(ECMAScript 6) 이다.

 

[문법]

class 클래스명 {

 

속성명(인스턴스 변수) = 초기값;

(변수명 앞에 #을 붙이면 private가 된다. 클래스 내부에서만 접근이 가능하다. default는 public)
         
constructor() { ... }  // 생성자는 클래스 내부에 한개만 존재할 수 있다.

set xxx (value) {                             // setter
this.속성명 = value;
}
         
get xxx() { return this.속성명; }  // getter
         
method_1 () { ... }
method_2 () { ... }
method_3 () { ... }
}

 

클래스 필드의 선언과 초기화는 반드시 constructor 내부에서 실시한다.
constructor 내부에 선언한 클래스 필드는 클래스가 생성할 인스턴스에 바인딩 된다.

클래스 필드는 그 인스턴스의 프로퍼티가 되며, 인스턴스를 통해 클래스 외부에서 언제나 참조할 수 있다. (public)

 

 

클래스 선언 예제