Web APIs

APIs (Application Programming Interfaces)

DOM APIs

Network APIs

Graphics APIs

Audio/Video APIs

Device APIs

File APIs

Storage APIs

윈도우 사이즈 표기

window.screen : 바깥영역까지 포함한 크기

window.outer : 브라우저 url, tab 까지 포함한 크기

window.inner : url, tab 창 제외한 크기 (스크롤 포함)

documentElement.clientWidth: 스크롤 제외한 순수 문서 크기

window.addEventListener('resize', 함수) 를 통해 사이즈 변경 감지 가능

자바스크립트의 X,Y 축은 왼쪽 위 부터 css는 오른쪽 아래 부터

클라이언트 좌표는 현재 화면 기준 좌표
페이지 좌표는 전체 화면 기준 좌표

element.scrollIntoView() = 해당 노드 위치로

스크립트 태그에 defer 옵션을 주면 DOMContent와 비슷한 시점에 로드가 되기 때문에 좀 더 빠르게 로드할 수 있다. (이미지, 글 등)

윈도우 이벤트

load = 페이지가 로드가 로드되었을때
beforeunload = 사용자가 페이지를 나가기전
unload = 나갔을때