JS 클라이언트 사이드 Web API

클라이언트 사이드 Web API

클라이언트 사이드 Web API는 브라우저에서 지원한다.
브라우저에 내장되어 있는 API로 브라우저를 이용해 복잡한 작업들을 쉽게 구현할 수 있도록 도와주는 API

무엇을?

ECMAScript, DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimation Frame, SVG, Web Storage, Web Component, Web Worker 등

• ECMAScript → 자바스크립트
• DOM → 브라우저에 로드된 문서를 제어, 조작
• BOM → 웹 브라우저 자체를 객체들로 표현하는 형식으로 뒤로가기 기능, URL이동 기능
• Canvas → 그래픽 요소들을 웹 페이지에 그리는데 도움
• XMLHttpRequest → 웹 페이지의 일부를 업데이트 하는데 도움

Node.js 는 클라이언트 사이드 Web API를 지원하지 않고 ECMAScript와 Node.js고유의 API를 지원한다.

예시

만약 Node.js 환경에서 아래의 코드를 출력하고 Code Runner를 통해서 실행 결과를 확인해보자

const arr = [1,2,3,4];

arr.forEach(alert);

//RefernceError: alert is not defined

alert함수는 브라우저에서만 동작하는 클라이언트 사이드 Web API이기에 브라우저 환경에서만 유효하다.