Document Object Model화면상 요소들을 객체로 보는 모델화면상 HTML element를 직접 조작.className\- 선택자:nth-child(x)\` : x번째 요소예시 nodeList를 return배열처럼 조작data-xx로 시작하는 표준 커스텀 속
비슷한 방식으로 여러 요소를 다뤄야 할 때 사용됨요소마다 핸들러를 할당하지 않고, 요소의 공통 조상에 이벤트 핸들러를 단 하나만 할당해도 여러 요소를 한꺼번에 다룰 수 있다공통 조상에 할당한 핸들러에서 event.target을 이용하면 실제 어디서 이벤트가 발생했는지
window.innerHeight : 화면 전체 높이window.pageYOffset : 스크롤의 현재 위치를 px로 표시ele.getBoundingClientRect() : element의 현재 위치를 알려주는 메서드 \- bottom, height, left, ri
서버와 상호작용하기 위해 사용됨전체 페이지의 새로고침없이도 URL로부터 데이터를 받아올 수 있다AJAX 프로그래밍에 주로 사용XML뿐 아니라 모든 종류의 데이터를 받아오는 데 사용할 수 있다HTTP 이외의 프로토콜도 지원한다(file, ftp)주요 속성 : repons
자료형, 함수, this, closure, proto type
join(separator?: string): string;원본 배열도 바뀜start index부터 deleteCount(개수)만큼 자름잘린 요소 리턴원본 배열도 바뀜end idx 앞에까지 자름자른! 배열 리턴원본 배열 변하지 않음첫 번째 인자인 콜백함수에 만족하는 첫
HTML이나 XML 문서의 프로그래밍 interface이다. 문서의 구조화된 표현 제공프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공해 문서를 표현하고, 저장하고, 조작하는 방법을 제공한다.HTML이나 XML Document 구조를 바탕으로 요소들이 화면에
DOM의 모든 element는 event target을 상속한 node다. Event target은 DOM 인터페이스로, 이벤트를 받을 수 있고, 이벤트에 대한 리스너를 가질 수 있다. 이벤트가 발생하면 event object를 만들어서 등록한 콜백함수에 전달한다.이벤
자바스크립트가 구동되는 환경을 이해하기 위해 공부하며 정리한 포스트입니다
CRP는 브라우저가 HTML, CSS, Javascdript를 화면에 픽셀로 변환하는 일련의 단계를 의미합니다
실행 컨텍스트
this
파일 업로드/다운로드 할 때 사용하는 formdata, multipart, blob 객체에 대하여
유데미 - 클린코드 자바스크립트