🍰 드디어 DOM 파트!🍴 DOM(Document Object Model): 웹 페이지의 구조화된 표현을 정의하는 프로그래밍 인터페이스. HTML 또는 XML 문서의 모든 요소를 객체로 나타냄자바스크립트를 통해 이 객체들을 조작할 수 있게 함웹 페이지의 내용, 구조, 스타일 동적으로 변경 가능트리 구조로 구성됨각 노드는 문서의 한 부분을 나타냄🍴 자식 노드 탐색childNodes현재 노드의 모든 자식 노드(NodeList) 반환요소 노드, 텍스트 노드, 주석 노드 포함firstChild현재 노드의 첫 번째 자식 노드 반환lastChild현재 노드의 마지막 자식 노드 반환🍴 DOM 컬렉션: HTML 문서에서 여러 요소를 그룹으로 다루기 위해 제공되는 객체들의 집합for...of를 사용할 수 있음배열..