In this post, 12 JavaScript lecture is introuduced.

UI

사용자가 시스템을 제어하기 위해서 사용하는 조작장치를 User Interface 라 한다.

API

버튼을 눌렀을 때 나오는 경고창은 우리가 만든것일까 아닐까. 그렇기도 아니기도 하다.

아래 코드를 보면 경고창이 실행되는 타이밍이나 텍스트는 우리가 만든 것이다. 그러나 아래 코드에는 경고장의 모양이나 기능 등은 설명되어 있지 않다. 그렇다면 경고장은 어떻게 만들어진 것일까.

<input type="button" value="Click me" onclick="alert('Hello world')">

웹 브라우저를 만드는 사람들이 우리 대신에 경고창 기능을 미리 만들어두었다가 우리가 alert라는 함수를 실행하면 경고창을 띄어주겠다고 JS의 사용설명서를 통해 약속한 것이다. 우리는 그 약속을 믿고 alert 함수를 호출하여 경고창을 켤 수 있게 되는 것이다.

함수 alert은 경고창을 실행하는 조작장치인데 이를 일반인이 이용하지 않는다. 버트을 클릭하면 경고창이 뜨는 이 애플리케이션이 웹 브라우저가 가지고 있는 경고창 기능을 alert 이라고 하는 JS 문법에 따라서 그 문법의 코드를 이용해서 사용하고 있는 것이다. 이렇게 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작장치들을 Application Programming Interface 라는 것이다. 여기서는 ‘alert’ 이 바로 API 이다.

모든 애플리케이션들은 API를 프로그래밍적으로, 다시말해 순서대로 실행하는 것을 통해 만들어진다.