생활코딩/웹어플리케이션 만들기

[생활코딩/웹어플리케이션] UI vs API

닥스훈스 2019. 3. 5. 01:33

UI (User Interface) vs API (Application Programming Interface)


두개의 공통점은 인터페이스인데, 사람과 사람이 교류할때 사용하는 가장 기본적인 접점은 언어인데 마찬가지로 기계가 서로 교류하기 위한 접점에 해당하는 장치에는(Ex컴퓨터,스마트폰)은 전원이 있다. 전원은 시스템을 꺼라는 것을 알려주고, 이러한 것을 인터페이스라고 한다.

장치와 장치가 서로 소통하기 위한 접점으로 usb인터페이스가 있으며, 웹애플리케이션이 웹브라우저와 교류할 수 있는 접점이 존재하게 된다.


ex)Prompt("비밀번호를 입력해주세요")라는 메세지가 찍혀있는 prompt창을 실행시키는 코드와, 이 코드의 결과가 나타나는 화면이 있을때

사용자가 직접 조작하는 화면을 UI, 우리가 만든 웹어플리케이션이 prompt창을 실행시키기 위해서 자바스크립트의 문법에 따라서 웹브라우저에게 전달하는 명령을 API라고 한다.





prompt창은 웹브라우저가 미리 만들어놓고 준비하는 것이며, 우리는 코드를 실행함으로써 웹브라우저가 미리 만들어놓은 prompt창을 웹브라우저가 실행할 수 있도록 명령하고 있으며 이렇게 있어서 prompt는 웹브라우저에게 무언가를 요청하는 인터페이스라고 할수 있으며, 따라서 API라고 할 수 있다.