리액트바오

스코프는 변수가 유효할 수 있는 범위이며 일반적으로 중괄호로 감싸진 영역을 말한다. 다른말로 스코프는 변수의 수명을 결정하고 확인할 수 있는 범위인 것이다. 스코프는 크게 Local Scope와 Global Scope로 나눌 수있다. Global Scope는 최상단의 스코프로써 이 곳에서 선언된 변수(전역 변수)는 어떤 영역에서든 접근이 가능하다. Local Scope는 Global Scope에 포함되어 있는 영역으로 이곳에서 선언된 변수(지역 변수)는 전역(Global)에서 선언된 변수보다 더 높은 우선순위를 가진다. let num = 10; function printNum(){ let num = 15; console.log(age); // 15 } 그리고 앞서 언급한 두 스코프에서의 변수들 간에는 반..

Javascript 2022. 8. 23. 14:52

removeChild() 노드를 삭제하는 것이 아니라, 메모리에 해당 노드는 그대로 존재하며, 부모 자식 관계를 끊어 DOM 트리에서 해제하는 것이다. 반환 값을 변수에 저장하지 않으면 DOM에서 제거되고 메모리에서도 곧 지워지지만, 반환 값을 변수에 저장하면 DOM에서 제거되더라도 다시 불러올 수 있다. remove() remove는 노드를 메모리에서 삭제하고 종료한다

Javascript 2022. 8. 23. 13:44

document.body.childNodes NodeList(11) [text, div.test1, text, div.test1, text, span.span, text, div.test2, text, span.span, text] children과 childNodes의 차이 childNode는 태그노드, 텍스트노드를 모두 가리키며 children은 텍스트 노드를 제외한 태그를 가리킨다. 즉, children은 요소를 반환하며 childNodes는 text, 주석과 같은 모든 노드를 반환한다는 점이 다르다. children을 출력하게 되면 childNodes는 요소의 자식이 꼭 태그가 아니어도 다 품고 있다. document.body.children HTMLCollection(5) [div.test1, ..

Javascript 2022. 8. 23. 13:36

element와 node의 차이 Element와 Node 모두 JavaScript의 Object 객체를 상속받는 객체지만, 상속 체인의 관점으로 봤을 때 Node가 Element의 상위 개념이 된다. Node 노드는 시맨틱 태그, 예를 들어 등과 텍스트를 모두 아우르는 개념이다. Element Element는 Node객체를 상속받는 Element객체를 의미한다. Node객체의 ELEMENT_NODE를 의미하는 것이다. 노드에서는 포함되었던 텍스트 노드가 Element에는 포함되지 않는다. 태그들은 모두 Element지만 전체 document tree나 주석, 텍스트들은 html태그로 표현되지 않기에 Element에 속하지 않는다. 한마디로 Node는 Element의 상위 개념이다.

Javascript 2022. 8. 23. 13:12