들어가기 전에
우리는 지금까지 미리 만들어져 있는 여러 함수들을 이용해서 시스템을 조작했습니다. 그리고 사용자들은 우리가 만든 버튼과 같은 여러 장치들을 이용해서 시스템을 조작했죠. 이 두가지 사이에는 어떤 공통점과 차이점이 있을까요?
학습 목표
UI와 API란 무엇인지 알고, 이 둘 사이의 관계에 대해서 알 수 있습니다.
핵심 단어
- UI
- API
강의 듣기
36.UI vs API
UI와 API
UI는 User Interface의 약자입니다. API는 Application Programming Interface의 약자이죠. 이 둘의 공통점과 차이점에 대해서 배워보도록 합시다.
예를 들어서 어떤 페이지에 버튼이 하나 있고, 이 버튼을 누르면 경고창이 뜨게 만들었다고 해 봅시다. 이 버튼을 사용하는 것은 웹페이지의 사용자죠. 사용자들이 시스템을 제어하기 위해서 조작하는 장치를 UI라고 부릅니다.
이제 코드를 봅시다. 이 경고창은 우리가 만든 것일까요? 경고창의 텍스트나, 경고창이 뜨는 타이밍은 우리가 만든 것이지만, 우리는 경고창을 실제로 띄우기 위해서는 alert라는 함수를 사용했죠. alert라는 이 함수는 웹브라우저를 만든 사람들이 미리 만들어둔 것입니다. 그리고 우리는 이 alert라는 함수를 호출해서 조작하는 것이죠. 이렇게 프로그래머들이 사용하는 조작 장치들을 API라고 부릅니다. 즉, alert는 API인 것이죠.
이러한 UI와 API라는 개념은 Javascript 뿐만 아니라 모든 프로그래밍 언어에 적용되는 개념입니다. 우리는 API를 응용하고 결합해서 새로운 프로그램을 만들 수 있는 것입니다.
생각해보기
1) UI와 API는 어떤 관계를 가지고 있을까요?
comment
api를 이용해 ui 구현
API를 이용하여 UI를 구현한다.
api를 이용해서 ui를 만든다.
api를 이용해서 ui를 만듦
API의 기능을 사용하여 UI를 만든다.
API를 사용하여 UI구현
개발자들은 API를 통해서 프로그램을 구현해내고 이 구현된 프로그램은 UI가 되며 사용자가 사용하게 된다.
개발자가 호출토록 만든 장치(API)를 사용자가 화면을 통해 조작한다(UI)
API를 이용해 만든 프로그램을 사용자들이 사용하게 되면 UI의 기능을 하게 된다.
API를 통해 만든 UI들을 사용자들이 사용하며, UX까지 뻗어 나갈 수 있게끔 된다.
프로그래머는 API 를 이용하여 UI를 만들고 사용자가 UI를 사용한다.
사용자들이 시스템을 조작하기 위해 사용하는 것은 UI이다.
alert 함수는 웹브라우저를 만든 사람들이 미리 만들어둔 것으로 alert라는 함수를 호출하여 사용할 수 있다. 이렇게 alert뿐만 아니라 js에서 예를 들자면 웹 페이지를 짜기 위해 쓰는 함수들을 조작 장치, API라고 할 수 있다.
즉 API를 이용하여 UI를 구축할 수 있다.
API를 응용해 새로운 프로그램 및 UI를 제작한다.
프로그래머가 API를 이용해 UI를 만들고 사용자가 UI를 사용한다
UI는 사용자측면에서 보는 입장이고 API는 프로그래머들이 개발하는 입장에서 보는 시각이다.
UI는 이용자 입장에서 , API는 개발자 입장에서 사용하는 Interface
웹 브라우저에 이미 있는 기능, 그 기능을 사용하기 위한 도구가 API
UI는 그러한 API(도구)를 사용자 입장에서 편하게 사용할 수 있게 바꾸어 놓은 것.
API를 적절히 이용하여 유저들이 사용 가능한 UI를 만든다
프로그래머는 API를 이용해서 장치를 만들어낸다. 사용자는 UI를 통해서 프로그램을 조작한다. 이처럼, API와 UI는 서로 긴밀한 관계를 가지고 있다.
UI는 사용자가 프로그램을 조작하기 위한 장치이고, API는 프로그래머가 프로그래밍할 때 사용하는 미리 만들어진 장치이다. API 위에 UI가 있다고 생각한다.