UI, API, 문서

간략 목차
- UI & API
  - UI
  - API
    - API활용 방법
- 관련 문서 보는 법

UI와 API

JavaScript를 활용하여 스스로 프로그래밍 할 때, 핵심은 자신이 원하는 명령어(API)를 찾아내는 것이다.

UI

User Interface의 약자.
브라우저에서 각종 기능을 제공하는 버튼들도 UI의 일부.
개발자가 아닌 사람들은 UI를 사용해서 시스템을 제어.
- 개발자들도 UI를 사용하긴 하지만, API를 이용하여 목적에 맞게 웹브라우저와 같은 플랫폼을 제어하는 데 더 주력.

API

Application Programming Interface의 약자.
이전에 공부했던(링크) 자료를 참고해서, *식당이라는 시스템 안에서 고객과 주방 사이를 이어주는 웨이터(API)*를 떠올리면 이해하기 쉽다!
예를 들어, 브라우저 주소창에 javascript:alert("Hello world");를 입력하면 웹브라우저 경고창이 뜬다.
- 이 경고창의 디자인, 닫기와 확인 버튼 기능, 각 버튼에 마우스를 올렸을 때 활성화되는 것, 경고창이 화면 가운데 위치하는 것 등은 일일이 컴퓨터에 지시하지 않았지만 이미 정해져 있다
- 즉, alert는 코드의 형태를 띄고 있는 Interface이다. 이런 것을 API라고 한다.

API활용 방법

프로그래머는 자신이 제어하고자 하는 환경이 제공하는 일종의 조작장치(API)를 활용해서 환경을 제어하는 것이다.
이 때, 환경이 제공하는 API가 무엇이 있고, 어떻게 사용하는가등의 지식이 필요하다.
- 그 정보를 다 외우고 있을 순 없다. 어떻게 알아보는가를 익혀둬야 한다 === 주체적 프로그래밍
튜토리얼(안내서, 문법): 어떤 기능을 제공하는가를 공부. 환경에 대해서 충분히 공부하기!
레퍼런스(사전): 앞서 튜토리얼에서 학습한 지식을 기반으로, 환경이 제공하는 명령 찾기!
- js의 레퍼런스는 크게 두 가지로 제공된다 : js 자체 API(js 자체의 명령들을 모아놓음), 호스트환경 API(js가 동작하는 호스트환경 api)

관련문서 보는 법

표준 공통문서(링크)

공통 문서는 js가 동작하는 환경을 만드는 개발자들을 위한 것이라고 볼 수 있다. 그래서 이것을 보고 공부하는 것은 쉽지 않다.
- 내가 이해하기로는 회계 시험 또는 공공기관 시험에 대비하려고 회계학을 공부하는데 회계법전을 보고 공부하는 것같은 상황ㅋㅋㅋㅋㅋ
그러므로, 기능별로 잘 정리된 참고자료들을 보고 공부하는 것이 도움이 된다.
- 생활코딩 js사전(링크)
  - JS의 객체들을 기반으로 제공.
  - 필요한 기능에 해당하는 함수를 클릭해서, 문법/반환값/예제 등을 확인해가며 자기에게 필요한 API찾아가며 공부하기.
- 아래는 MDN레퍼런스를 많이 참고한, 한글화된 레퍼런스
  - 레퍼런스 MDN(링크)
  - 레퍼런스 MSDN(링크)
호스트마다의 문서도 존재한다.
- 참고: 웹브라우저 API(링크)

어록

사용자 접점의 개발분야가 웹 개발자이다보니, 일반인이 학습을 하게 되면 가장 먼저 접하게 돠는 것이 웹 개발자 분야.
커뮤니티를 통해 질문하거나, 구글링 등 검색을 통해 필요한 정보를 알아내는 과정은 프로그래밍으로 문제 해결하는 과정과 통한다. 실제 프로그래밍을 할 때나 학습할 때나 같은 방식으로 필요정보를 찾는다. 그러니 연습하며 익혀두는 것이 필수!