# nodeList

[javascript] 브라우저 & 웹 API
HTML Semantic Element NodeList innerHTML Data Attributes Black Box Event Listener

TIL 2023.05.30
오늘 공부 계획 및 공부한 내용📝 알고리즘 특강 🔺복습 필요... fetch 데이터 불러다 붙이기, 검색 기능 ㅇ 조원들이랑 코드 리뷰 ㅇ
[TIL] NodeList
영화 평점 TOP20 데이터를 open API로 불러와서 간단하게 보여주는 개인 프로젝트를 진행 중이였다. 필요한 필수 기능을 만들었지만 같은 구문을 다시 사용하는 과정이 많아 리팩토링을 해야했다. 그 중 검색기능 부분이 문제가 많아서 수정중이였다. 아래처럼 데이

HTMLCollection & NodeList를 순회하면서 DOM요소를 삭제할 때 주의할 점🚨
DOM컬렉션객체 HTMLCollection, NodeList로 DOM 객체 조작할 때 주의할 점
NodeList 와 HTMLCollection 에 대해 알아보아요.
참고서적: DOM - 잡았다, 요 돔!, DOM 을 깨우치다DOM 을 보니 좀더 깊이 공부해야할것으로 느껴졌다. 아마 앞의 진도에서는 자바스크립트를 배우며 DOM 역시 같이 사용할 것이다. 더 깊숙히 공부하기 위해 해당 내용을 정리하며, 공부하도록 하자.본 내용은 공부

[JS] DOM 개념과 조작방법 (HTMLCollection과 NodeList 차이점까지)
DOM 개념과 JS에서 HTML태그를 동적으로 추가, 삭제하는 방법, HTMLCollection과 NodeList 차이점까지 정리
querySelectorAll로 filter 메서드 사용하기
querySelectorAll의 반환 값인 NodeList를 Array로 변환하는 방법

what is HTMLcollection? NodeList?
querySelector와 getElementById쓰다보면 드는 생각 아이디를 불러올 때 둘 다 사용가능한데, 무슨 차이가 있지? 알아야 할 개념: HTMLcollection/NodeList >HTMLcollectio
Array.from() - 배열로 만들어주는 메서드
문자열 등 유사배열(Array-like)객체나 이터러블한 객체를 배열로 만들어주는 메서드입니다.유사배열 객체란키가 인덱스 값으로 되어있고 길이를 나타내는 length 속성을 갖는 객체를 의미합니다.예제

[JavaScript] NodeList와 HTMLCollection 차이
querySelectorAll과 getElementsByTagname으로 요소를 잡을 때 차이점

HTMLCollection vs NodeList 둘의 차이를 알고 있나요?
HTML의 구조나 내용 또는 스타일 등을 동적으로 조작할 필요가 자주 있는데, 이를 위해서는 먼저 요소 노드를 취득해야 한다.같은 class 어트리뷰트 값을 갖는 모든 요소 노드들을 취득하기 위한 방법에는 두 가지가 있는데, querySelectorAll과 getEle
.gif)
[모던 자바스크립트 Deepdive] 읽기 - Iterable
순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 미리 약속한 규칙ES6에서 도입되었다.이터레이션 프로토콜에는 2가지가 있다.이터러블 프로토콜이터레이터 프로토콜이터러블 프로토콜을 준수한 객체를 이터러블이라 한다.이터러블은 for...of문으로 순회할 수 있으며 스프레

HTMLCollection의 함정
최근 작업에서 클래스를 기준으로 돔을 조작하는 스크립트를 작성할 일이 있었습니다. 그런데, 이 작업 도중 도무지 이해가 가지 않는 일이 생겨 한참 삽질을 했습니다. 그 삽질의 기억을 기록합니다.

Element? Node? HTMLCollection?
@ dom 객체에 관해 헷갈리는 내용을 정리했습니다.하나만 선택querySelector(), getElementById()element 객체 리턴으로 동일여러개 선택NodeList(non-live)와 HTMLCollection(live)으로 리턴 형태가 나뉘어진다.둘다
유사 array(Nodelist, HTMLCollection)와 array
종종 querySelectorAll를 통해 반환되는 결과값에 array method를 실행시키려 하면 오류가 나는 경우가 있다.이것은 반환되는 값이 array가 아닌, array와 유사한 Nodelist 인 경우였다.NodeList는 JavaScript API가 아닌