UI와 API 수업 소개
API(Application Programming Interface)
: 프로그램이 동작하는 환경을 제어하기 위해서 환경에 제공되는 조작 장치
js를 스스로 프로그래밍 하는 방법 - 내가 원하는 명령어 찾기 - api 쓰기
UI와 API 소개
UI(User Interface)
: 사용자를 대면하는 접점, 중개자
노트북 제어 -> 버튼 누르기, 노트붇 여닫기, 화면에 무언가 나타나기 ...
사용자가 시스템을 제어할 수 있게 만들어주는 기능.
ex) 웹사이트의 메뉴바, 스크롤, 경고창 등 웹 화면의 전반적인 기능들
사용자와 컴퓨터 사이에 위치하여 사용자의 상태나 의중을 시스템에 전달하고 보여주는 입출력장치들이다.
API(Application Programming Interface)
웹페이지 - 버튼
사용자의 의중을 나타낸다.
javascript:alert("hello world"); 주소창에 검색
-> alert 나타남.
-> alert 는 내가 만들었고 만든게 아니다.
사용자 차원에서 개발자 차원으로 넘어간 개념.
일반 사용자들은 ui로 앱의 동작과 기능을 제어하지만, 개발자들을 api를 통해 소프트웨어를 제어, 개발한다.
-> 소프트웨어를 제어, 개발하기 위해 사용하는 인터페이스
프로그래밍은 개발자가 제어하고자 하는 환경을 조작하기 위해 API를 통해 제어하고, 내가 제어하려는 환경이 어떤 api를 제공하는지 찾아서 접근하는 방법을 잘 활용해야 한다.
-> MDN 공식 문서를 보면서 js의 문법을 이해하고 프로그래밍에 활용하는거다.
문서 보는 법
공부를 위한 자료 - 레퍼런스(reference) & 튜토리얼(tutorial)
레퍼런스
-> 그 환경이 제공하는 명령을 찾아볼 곳
튜토리얼
-> 안내서
튜토리얼로 환경이 어떤 기능을 제공하는가 이해할 수 있다.
js의 API
- js 자체의 명령들을 모아둔 api
- js가 동작하는 호스트 환경의 api
js가 동작하는 호스트 환경
- web browser
- node.js
- google apps script
js api가 익숙해지면 호스트환경을 제어하는 api를 익혀야 한다.
자바스크립트 API 문서
- ECMAScript (표준문서)
- js 사전 (생활코딩)
- js 레퍼런스 (MDN)
- jscript 레퍼런스 (MSDN)
호스트 환경의 API 문서
- 웹 브라우저 API
- Node.js API
- Google Apps Script API
