[javascript] 11-04 생활코딩 웹브라우저 Javascript 15강/47강
2021-11-04
11-04 공부내용
-
라이브러리
자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어
자바스크립트 코어를 이용해 만드는 것이기 때문에, 코어를 모르고 라이브러리만 사용하는 습관을 들이면 라이브러리가 제시하는 기능 안에만 갇힐 수 있다.
-
HTMLElement 단수와 복수
- js로 제어하기 위한 대상을 조회하는 메소드인 getElement*를 적용하면 DOM 객체가 리턴된다. 리턴된 객체의 이름을 알기위해서는
[constructor.name](http://constructor.name)이라는 프로퍼티를 조회하면 되는데, - 요 때 HTMLElement는 단수
- HTMLCollection은 복수이다. 유사배열의 형태라 배열 관련 메소드들을 사용할 수 있다.
- js로 제어하기 위한 대상을 조회하는 메소드인 getElement*를 적용하면 DOM 객체가 리턴된다. 리턴된 객체의 이름을 알기위해서는
-
HTMLElement 각자가 가지고 있는 태그에 따라 객체가 다름.
-
HTMLElement에 속하는 공통적인 프로퍼티를 가지고 있으면서
→ 상속 ‘HTMLElement’ 라는 부모객체를 상속받았음.
-
각자의 태그마다 각각 기능과 스펙이 다름. 각각의 태그마다 프로퍼티가 다르고 쓰임새가 다르기 때문에.
-
-
DOM Tree에 대한 이해

→ 문서 스크립팅, dom 프로그래밍, js 를 통해서 웹페이지를 제어하는것에 대한 핵심
-
HTML Collection
- HTML Collection으로 이루어진 객체는 실시간으로 변경된다. 목록이 실시간으로 갱신된다는 독특한 점이 있음 (li 태그를 삭제하고나서 console.log 띄우면 바로 삭제반영 후 조회가 됌. 재조회할 필요가 없음)