본문 바로가기

⭐ Personal_Study/Javascript9

Event Event 개요 ✔ Event란 프로그래밍하고 있는 시스템에서 일어나는 사건(action) 혹은 발생(occurence)인데, 우리가 원한다면 그것들에 어떠한 방식으로 응답할 수 있도록 시스템이 말해주는 것 ✔ ex: 클립, 키보드 키 입력, 브라우저 닫기, 데이터 제출, 텍스트 복사 등등... Event object ✔ 네트워크 활동이나 사용자와의 상호작용 같은 사건의 발생을 알리기 위한 존재 ✔ DOM 요소는 Event를 '수신' ✔ 받은 Event '처리' Event 처리는 주로 addEventListner()라는 Event 처리기를 다양한 html 요소에 '부착' 해서 사용 Event handler - addEventListner() ✔ 대상에 특정 event가 발생하면, 할 일을 등록한다 Eve.. 2022. 11. 2.

JavaScript를 활용한 DOM 조작 기초 DOM 조작 개요 ✔ DOM 조작 순서 선택(select) 조작(maipulation) 선택 관련 메서드 document.querySelector(selector) ✔ 제공한 선택자와 일치하는 element 한 개 선택 ✔ 제공한 CSS selector를 만족하는 첫 번째 element 객체 반환(없다면 null 반환) document.querySelectorAll(selector) ✔ 제공한 선택자와 일치하는 여러 element를 선택 ✔ 매칭할 하나 이상의 셀렉터를 포함하는 유효한 CSS selector를 인자로 받는다. ✔ 제공한 CSS selector를 만족하는 NodeList 반환 선택 관련 메서드 실습 NodeList ✔ index로만 각 항목에 접근 가능 ✔ 배열의 forEach 메서드 및 .. 2022. 11. 2.

DOM (Document Object Model) DOM Browser APIs ✔ 웹 브라우저에 내장된 API로 웹 브라우저가 현재 컴퓨터 환경에 관한 데이터를 제공하거나, 오디오를 재생하는 등 여러가지 유용하고 복잡한 일 수행 가능 DOM Geolocation API WebGL DOM 개요 ✔ 문서 객체 모델(Document Object Model) ✔ 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공 문서 구조, 스타일, 내용 등을 쉽게 변경할 수 있도록 도움 HTML 컨텐츠를 추가, 제거, 변경하고 동적으로 페이지에 스타일 추가하는 등 HTML/CSS 조작 가능 ✔ HTML 문서를 구조화 하여 각 요소를 객체(object)로 취급 ✔ DOM 은 문서를 논리 트리로 표현 ✔ 웹 페이지는 일종의 문서(docu.. 2022. 11. 1.

이전 1 2 다음

티스토리툴바