Advanced Study
-
createDocumentFragment를 활용하여, 더 효율적으로 DOM을 제어할 수 있다.
-
HTML5 template tag 사용법을 이해할 수 있다.
-
element와 node의 차이를 이해할 수 있다.
-
children과 childNodes의 차이를 이해할 수 있다.
-
remove와 removeChild의 차이를 이해할 수 있다.
-
같은 엘리먼트를 appendChild 하면, 기존 엘리먼트를 복사할까?
-
좌표 정보 조회를 할 수 있다. - offsetTop...
-
크기 정보 조회를 할 수 있다. - offsetWidth...
querySelector, querySelectorAll
-
querySelector의 첫번째 인자에 'div'를 넣으면 어떻게 될까요?
-
querySelector를 통해서 더 복잡한 작업을 할 수 있을까요?
-
querySelector의 부모는 꼭 document 객체여야만 할까요?
remove, remvoeChild
-
element와 node의 차이 (difference between element and node in javascript dom)
-
children과 childNodes의 차이 (difference between children and childNodes in javascript dom)
-
removeChild와 remove의 차이 (difference between removeChild and remove in javascript dom)
-
tweets에 forEach는 되는데, reduce는 안되는 이유 (why array method is not working on nodelist)
-
tweets를 유사 배열에서 배열로 바꾸는 방법 (how to convert nodelist into javascript array)
