[Js] UI와 API 그리고 문서보는 법 | API란? | javascript API

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다.

상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다.

 

 

---

UI란?

User Interface 의 약자이다.

컴퓨터를 제어하기 위한 방법은 키보드를 누르거나, 디스플레이를 통해서나, 스피커, 터치패드 등등 다양하다.

입력장치, 출력장치에 해당하는 점접 즉 중계자에 해당하는 것을 인터페이스 라고 한다.

 

 

API란? 

Application Programming Interface의 약자로 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 아래 영상은 UI와 API의 차이점을 설명하기 위한 자료이다.

 

ex) javascript:alert("hi"); 를 입력 시 나오는 alert창!

 

 

개발자는와 개발자가 아닌 사람의 차이

가장 큰 차이는 일반 사용자가 UI를 통해서 시스템 제어한다고 하면,

개발자들은(소프트웨어 개발자) API를 통해 소프트웨어(웹 브라우저)를 제어한다는 점이다.

 

 

 

레퍼런스와 튜토리얼

프로그래밍을 공부하기 위한 자료는 크게 레퍼런스(reference)와 tutorial(안내서)가 있다.
통상 튜토리얼은 언어의 문법을 설명하고, 레퍼런스는 명령어의 사전을 의미하다.

본 수업은 자바스크립트에 대한 일종의 안내서라고 할 수 있고, 자바스크립트 사전은 레퍼런스라고 할 수 있다. 

 

 

자바스크립트의 API

자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분된다. 

 

 

자바스크립트 API 문서

• ECMAScript (표준문서)
• 자바스크립트 사전 (생활코딩)
• 자바스크립트 레퍼런스 (MDN)
• jscript 레퍼런스 (MSDN)

JavaScript reference - JavaScript | MDN

위는 모질라에서 제공하는 API로 참고하는 것 권장!(개인적으로)

 

 

호스트 환경의 API 문서

• 웹브라우저 API
• Node.js API
• Google Apps Script API