[JS] UI와 API

UI

UI란 User Inteface의 약자로 사용자와 컴퓨터 간에 상호작용을 할 수 있게 해주는 것들을 말한다.

예를 들어 우리가 구글에 A를 검색한다고 해보자. 마우스로 브라우저를 열고, 키보드로 A를 입력을 하고 돋보기 모양의 버튼을 누르면 컴퓨터는 모니터에 A의 검색 결과를 출력을 해준다.

검색을 위해 사용한 하드웨어와(키보드, 마우스, 모니터) 소프트웨어(버튼) 등을 UI라고 볼 수 있다.

API

API는 Application Programming Interface의 약자로 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다.

 

UI와 다른 점은 UI는 사용자와 사용자가 사용할 대상을 연결을 해준다면

API는 프로그램과 프로그램을 연결해준다.

 

쉽게 말하자면 우리가 앞서 예제를 하면서 alert를 이용하여 사진과 같은 알림창을 띄우는 일이 있었을 것이다.(그러지 않았다면 한번 해보자) 하지만 우리는 alert창을 띄우는 코드만 썼을 뿐 alert창의 모양과 위치는 지정해 주지 않았다. 다만 누군가가 만들어 놓은 것을 가져다 쓰는것이다.

alert창

 

이처럼 API는 누군가가 만들어 놓은 기능들을 가져다 쓸 수 있게 만들어 놓은 것이라 생각할 수 있다.

 

위 설명만 듣고는 API의 사용성을 잘 느끼지 못할 수도 있다. alert창정도는 열심히? 노력하면 만들 수 있을지도 모른다.

하지만 직접 만들 수 없는 가령 날씨 정보나 결제 시스템 같은 일반적인 개발자가 수집하지 못할 정보가 필요하다고 직접 만들 수도 없다. API란 이럴 때 사용하면 편하다.

 

API문서

API는 남들이 만든 기능을 쉽게 사용하기 위해 사용한다고 했는데, 필요한 기능은 어디서 찾아야 할까?

API를 찾기 위해서는 각 사이트별로 DOCS혹은 document페이지에 접속하여 찾거나 공공데이터포털과 같이 여러 API를 모아놓은 사이트들이 있으니 찾아보길 바란다.

공공데이터포털 메인

 

참고자료 : https://opentutorials.org/course/743/6533