1. Web API

JavaScript의 기본 역할은 웹 페이지의 동적인 제어이기 때문에 HTML Element들을 제어할 수 있어야 함

이러한 제어를 위해 브라우저에서 제공해주는 API를 Web API 라고함

API, Application Programming Interface
응용 프로그램(Application)을 개발할 때 빠르고 편하게 개발할 수 있도록 이미 작성된 코드 묶음, 안내서

DOM, Document Object Model

Web API 중 하나,

Document

→ 현재 사용자가 보고 있는 웹 페이지 화면 전체 부분을 의미

Object

→ JavaScript 코드 위치로 가져온 개별 HTML Element,
JavaScript 상에서 제어 중이기 때문에 하나의 객체(Object or Node)라고 볼 수 있음

index.html


<!-- ... -->
<h1 id="h1-element">Beetles</h1>
<h2>External morphology</h2>
<!-- ... -->

app.js


const h1 = document.getElementById('h1-element');
console.log(typeof h1); // object
console.log(h1 instanceof HTMLHeadingElement); // true

dom