자바스크립트 썸네일형 리스트형 자바스크립트 이벤트 추가 addEventListener window, document, element 등의 EventTarget에 특정 이벤트가 발생할 때 사용하는 EventTarget 메서드 중 하나입니다. EventTarget 메서드에는 addEventListener()removeEventListener()등이 있습니다. addEventListener ( ) 선택한 오브젝트에 이벤트를 추가합니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event 기본 구문 Syntax 1. 기본 형태는 다음과 같습니다. EventTarget는에 window.. 더보기 자바스크립트 HTML DOM NodeList HTML DOM을 구성하는 Node들 중 선택된 여러 개의 노드를 모아 놓은 노드들의 집합입니다. NodeList HTML document를 구성하는 node들 (element nodes, attribute nodes, text nodes)의 집합입니다. 자바스크립트의 Array이와 유사하지만, 동일하지는 않습니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/API/NodeList https://www.w3schools.com/jsref/dom_obj_html_nodelist.asp NodeList 주요 특징 1. Array이와 비슷한 점 예를 들어, NodeList 안에 있는 노드들을 index를 이용해 접근할 수 있습니다. 또한, length 속성을 이용.. 더보기 자바스크립트 HTML 요소 선택하기 - querySelectorAll HTML 요소를 선택할 때 사용하는 document 오브젝트의 메서드입니다. querySelectorAll ( ) 여러 개의 HTML 요소를 한꺼번에 선택합니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll Document.querySelectorAll() - Web APIs | MDN The Document method querySelectorAll() returns a static (not live) NodeList representing a list of the document's elements that match the specified group of selectors. developer.mozi.. 더보기 자바스크립트 참고자료 - JavaScript data types 자바스크립트 데이터 타입은 Primitive와 Object 두 종류로 나누어 볼 수 있습니다. Primitive 자바스크립트에서 프리머티브란 오브젝트가 아닌, 메서드나 프로퍼티를 가지지 않는 데이터입니다. 프리머티브 데이터 타입에는 총 7가지가 있습니다. - string, number, boolean, undefined, null, symbol, bigint Object 위에서 언급한 프리머티브 타입을 제외한 모든 데이터 타입은 오브젝트입니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures https://developer.mozilla.org/en-US/docs/Glossar.. 더보기 이전 1 다음