WEB2 - JavaScript 36 (UI vs API)

UI vs API

• UI ( User Interface ) : 사용자가 시스템을 제어하기 위해서 사용하는 조작 장치

( 구글링: UI는 사용자가 제품/서비스를 사용할 때, 마주하게 되는 면입니다. 즉, 사용자가 제품/서비스와 상호작용할 수 있도록 만들어진 매개체인 것이지요. 따라서 UI 디자인은 폰트, 칼라, 레이아웃과 같이 사용자가 마주하게 될 시각적인 디자인을 말합니다. )

 

• API ( Application Programming Interface ) : 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작 장치

( 구글링: API는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. )

 

<input type="button" value="Click me" onclick="alert('你好世界')">

 

 위 코드에서는 웹에서 버튼, 조작장치를 통해서 웹 애플리케이션을 사용하고 있다. 이 경고창을 띄우는 버튼이 UI 이다.

 

 위의 한 줄짜리 코드에는 경고 창의 모양이나 기능들이 일체 설명되어 있지 않다. 웹 브라우저를 만드는 사람들이 우리 대신에 경고창 기능을 미리 만들어두었다가 우리가 alert 이라는 함수를 실행하면 경고창을 띄워주겠다고 JS 사용설명서를 통해서 약속한 것이다. 즉 사용자는 버튼을 클릭하면 경고창이 뜨는 애플리케이션이 웹브라우저가 가지고 있는 경고창 기능을 alert 이라는 JS 문법에 따라 그 문법의 코드를 이용해서 사용하고 있는 것이다. 여기서 API 가 alert 이라는 함수가 되는 것이다.