노드14 [Javascript] 노드 워킹 지난 포스트에서 노드 취득에 대해 알아봤습니다. 근데 이 노드 취득법은 무조건 문서 전체를 검사하기 때문에 노드 취득을 여러번 하게된다면 퍼포먼스에 영향을 미치게 됩니다. 그래서 나온 아이디어가 현재 취득한 노드를 기준으로 주변 노드를 취득해보자라는 것에서 기인한 노드 워킹입니다. 1. 노드 워킹의 프로퍼티 노드 워킹은 서론에서 이야기 했듯이 현재 취득한 노드를 기준으로 다른 노드를 취득합니다. 관계로만 살펴보자면 부모 노드, 형 노드, 동생 노드, 자식노드 이렇게 네가지를 한 노드에서 취득할 수 있게 됩니다. 이를 정리하면 다음과 같습니다. 노드 워킹 프로퍼티 설명 parentNode 부모 노드 취득 previousSibling 형 노드 취득 previousElementSibling 형 요소 취득 ne.. 2021. 3. 24. [Javascript] 문서 객체 모델 DOM 오래전 포스트에 객체를 처음 소개하며 문서 객체 모델인 DOM에 대해 잠깐 이야기했었습니다. 이번 포스트부터는 그 DOM에 대해 다뤄볼까 합니다. 1. DOM 소개 DOM은 Document Object Model의 약자로 문자 그대로 해석하면 문서 객체 모델입니다. 왜 문서 객체 모델이냐면 이 자바스크립트의 DOM을 통해 html혹은 xml문서에 접근해 조작할 수 있기 때문입니다. 물론 DOM이 자바스크립트의 전유물은 아니고 다른 언어들에도 들어가 있습니다.그래서 이제까지는 자바스크립트의 기본 문법이었다면 지금부터는 자바스크립트를 본격적으로 이용할 수 있게 됩니다. 2. 문서 트리 문서 트리란, 문서를 트리 구조로 해석한다는 건데, 트리 구조란 상단에서 하단으로 가면 여러갈래로 뻗어나가는 형태를 의미합니.. 2021. 3. 23. 이전 1 2 3 다음 300x250
