DOM 노드(DOM Node)와 DOM 프로퍼티(Property)는 둘 다 DOM(Document Object Model)의 일부지만, 역할과 성격이 다릅니다. 다음은 이 둘의 차이점과 관계를 정리한 내용입니다. 1. DOM 노드 (Node)DOM 노드는 HTML 문서를 객체 모델로 표현한 트리 구조의 구성 요소입니다. HTML 문서의 각 요소, 텍스트, 속성 등이 각각 노드로 표현됩니다. 주요 특징:구조적 요소: DOM 노드는 문서의 구조를 나타냅니다. 예를 들어, HTML 태그, 텍스트, 주석, 속성 등이 모두 노드로 표현됩니다.종류: 여러 유형의 노드가 있습니다.Element 노드: HTML 요소를 나타냄 (예: , , 등)Text 노드: 요소 안의 텍스트를 나타냄.Attribute 노드: 요소의..

HTML에서 "속성(attribute)"과 DOM에서 "프로퍼티(property)"는 비슷해 보이지만, 기술적으로는 다른 개념입니다. 이 둘의 차이를 이해하기 위해 HTML과 DOM이 어떻게 작동하는지 살펴보겠습니다.  1. HTML 속성 (Attribute)HTML 속성은 정적인 초기 값을 설정합니다. HTML 문서의 소스 코드에 작성되며, 요소의 초기 상태를 정의합니다. 예:input type="text" value="초기 값"> 여기서 value="초기 값"은 HTML 속성입니다. 이 값은 DOM이 처음 생성될 때 브라우저가 사용하는 초기 값입니다.  2. DOM 프로퍼티 (Property)DOM 프로퍼티는 브라우저가 HTML을 파싱하여 생성한 JavaScript 객체의 속성입니다. DOM은 동적으..