JS&Browser

WEB APIs란 브라우저마다 공통적으로 제공하기로 약속한 API들WEB APIs에는 DOM APIs, Network APIs, Graphic APIs, Audio/Video APIs, Device APIs, File APIs, Storage APIs.. 등이 있다.이

모니터 화면의 가로,세로 너비를 출력해주는 프로퍼티브라우저 창 외부의 가로,세로 너비를 출력해주는 프로퍼티여기서 브라우저 창 외부의 너비는 창 크롬 및 창 크기 조정 테두리/핸들을 포함한 너비다.브라우저 창 내부의 가로,세로 너비를 출력해주는 프로퍼티수평,수직 스크롤

요소의 크기와 뷰포트에 상대적인 위치 정보를 제공하는 DOMRect 객체를 반환한다.반환되는 DOMRect 객체에는 left, top, right, bottom, x, y, width, height 프로퍼티들이 있다. <출처: mdn>x는 left와 같은 값을 가

문서 내 특정 위치로 스크롤하는 기능이다.x-coord: 문서의 왼쪽 상단부터 시작하는 픽셀 단위의 가로축, x축을 기준으로 지정된 픽셀로 스크롤한다.y-coord: 문서의 왼쪽 상단부터 시작하는 픽셀 단위의 세로축,y축을 기준으로 지정된 픽셀로 스크롤한다.option

자바스크립트 런타임환경이란 말그대로 자바스크립트 언어가 실행되는 환경을 의미한다.js 엔진, Web APIs, queue로 구성되어 있다.프로세스란 운영체제 위에서 실행되는 프로그램들을 말한다.프로세스는 서로 독립적으로 실행되기 때문에 서로간에 영향을 주지 않는다. 우

HTML 요소에 이벤트가 발생하면 연쇄적인 반응이 일어난다.즉 이벤트가 전파된다.자식요소에서 발생한 이벤트가 부모요소에서 자식요소로 전파되는 것자식요소에서 발생한 이벤트가 자식요소에서 부모요소로 전파되는 것이벤트가 시작되면 캡처링에서 시작해서 버블링으로 끝난다.참고)a

이벤트를 발생시킨 요소와 발생한 이벤트에 대한 정보를 제공하는 객체이벤트가 발생하면 동적으로 생성되며 이벤트 핸들러의 인자로 들어간다.실제로 이벤트를 발생시킨 요소이벤트에 바인딩된 DOM 요소. 즉 addEventListenr 앞에 기술된 객체를 가리킨다.addEven

html 파일을 브라우저에 렌더링(show)하려면 파일이 브라우저가 이해할 수 있는 구조로 메모리에 올라가야 한다.브라우저는 html tag들을 javascript가 이용할 수 있는 객체로 변환하는데 이를 DOM(document object model)라고 한다.즉 D

사전 지식DOM이란 HTML문서의 tag들을 js가 이용할 수 있는 객체형태로 변환한 모델HTML 문서에 적용된 CSS 스타일을 DOM과 병합해 만들어진 모델DOM과 CSSOM을 합쳐서 최종적으로 브라우저에 보여지는 Render Tree가 생성된다.Render Tree