Javascript 썸네일형 리스트형 자바스크립트 이벤트 추가 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 속성을 이용.. 더보기 자바스크립트 indexOf indexOf ( ) indexOf()는 자바스크립트 Array 오브젝트의 메서드입니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf Array.prototype.indexOf() - JavaScript | MDN The indexOf() method returns the first index at which a given element can be found in the array, or -1 if it is not present. developer.mozilla.org 기본 구문 Syntax 오브젝트이름.indexOf(찾을항목); 반환값 Return value 1. A.. 더보기 자바스크립트 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.. 더보기 자바스크립트 forEach forEach ( ) forEach()는 자바스크립트 Array 오브젝트의 메서드입니다. forEach()는 Array 안의 각각의 요소마다 한차례씩 함수를 반복적으로 실행합니다. forEach()는 Array 안에 요소가 하나도 없는 경우, 실행되지 않습니다. 참고자료 https://www.w3schools.com/jsref/jsref_foreach.asp https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach 기본 구문 Syntax 1. 기본 구문은 다음과 같습니다. 파라미터에 실행할 함수 이름을 넣습니다. 그리고 실행할 함수는 별도로 정의합니다. myArray.forEach(함수이름);.. 더보기 자바스크립트 - DOM이란 HTLM DOM의 뜻과 구성 DOM이란? DOM은 Document Object Model의 줄임말로, W3C에서 정의한 웹기술 표준 standard 중 하나입니다. W3C DOM 표준은 다음의 세 파트로 나뉘어져 있습니다. Core DOM - 모든 문서 타입을 위한 표준 모델 XML DOM - XML 문서를 위한 표준 모델 HTML DOM - HTLM 문서를 위한 표준 모델 웹페이지가 브라우저에 표시될 때, 화면에 나타나는 웹페이지가 바로 HTML DOM입니다. 돔 DOM은 자바스크립트 같은 프로그래밍 언어가 웹페이지에 접근하여 웹문서 내용이나 구조를 변경하고 수정할 수 있도록 하기위해서 만들어졌습니다. 즉, 프로그래밍 언어들이 웹페이지에 접근 가능하도록 어떤 방식으로 웹문서를 체계화하고 구조화할 것인지.. 더보기 자바스크립트 참고자료 - 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 다음