트리 비선형구조 그래프는 사이클이 있고, 트리는 사이클이 존재하지 않음 계층 관계를 나타내는 자료구조 트리는 저장위치를 찾아서 저장해야 하고, 삭제시 트리의 일부를 재구성해야하므로 링크드 리스트보다 추가/삭제 시간이 더 걸리는 대신 배열이나 링크드 리스트에 비해 검색과 정렬 기능이 더 뛰어남 용어 노드(node) 마디 A, B, C, D, E, F, G 간선(edge) 가지, 링크 루트(root) 트리의 가장 윗부분에 위치하는 노드 A 리프(leaf) 단말 노드(terminal node) 바깥 노드(external node) 트리의 가장 아랫부분(가장 마지막)에 위치하는 노드 D, E, F, G 간 노드(non-terminal node) 안쪽 노드 루트 포함, 리프가 아닌 노드 A, B, C 자식(chi..

Node element = node = tag(태그) console.dir(태그); ▶ 어떤 것을 사용할 수 있는지 나타냄 node css 변경 style 속성 이용 (속성은 점(.)으로 가져옴/ 쿼리셀렉터로 가져오는 것은 태그) 카멜표기법 따름 (text-align ▶ textAlign) style에 전달되는 값을 문자열로 작성 노드.style.css속성 = 값 node 생성, 추가 createElement() 태그(요소)를 생성 ()안에 문자열 들어감 appendChild() 요소를 부모 자식 관계로 넣어줌, 어떤 태그의 자식요소를 마지막에 추가 태그 요소를 생성해서 넣어줌 append 마지막에 추가하겠다 추가 innerHTML = 문자열 요소를 HTML의 방식으로 생성 직접 문자열로 집어 넣음 버튼..

이벤트 핸들러 화면에서 클릭이나, 동작시 발생하는 동적인 기능 이벤트: 사용자의 동작 / 핸들러: 함수 이벤트 앞에 on 붙음 태그 - 스크립트의 이벤트 연결 방식: 인라인 이벤트 모델 / 기본 이벤트 모델 / 표준 이벤트 모델 인라인 이벤트 모델 가장 많이 사용 태그에 이벤트를 직접 적음 장점: 동일한 함수에 여러 이벤트를 걸어줄 수 있음 ex) 여러 버튼에 check() 함수을 걸어줄 수 있음 단점: 너무 길어지고, 재활용 불가능 어떤 이벤트에 대한 동작인지 확인: this this 키워드 더보기 함수, 아무것도 없는 상태에서의 this ▶ window라는 최상위 객체 이벤트에서의 this ▶ 태그 자신 같은 행동을 하는 이벤트를 실행하는 경우 하나의 함수로 작동할 때 this를 매개변수에 넣어서 현..