본문 바로가기

코딩공부/WEB2 - JavaScript

[12] UI vs API , 검색어 추천

UI (User Interface)

사용자가 시스템을 제어하기 위해서 사용하는 조작 장치

API (Application Programming Interface)

애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작 장치들

 

 

버튼 - UI

일반 사용자는 'Click' 버튼을 이용해서 원하는 동작을 할 수 있다.

 

alert() - API

경고창이 실행되는 코드 중. 경고창에 보여질 내용은 개발자가 직접 넣지만, 경고창의 기능이나 모양, 실행되는 타이밍에 대한 것을 코딩하지 않는다.

웹브라우저를 만드는 사람들이 경고창 기능을 미리 만들어 두었다가 개발자가 alert 이라는 함수를 실행하면 경고창을 띄워 주겠다고 JS의 사용설명서를 통해 약속한 것이다. 함수 alert 은 경고창을 실행하는 조작 장치이다.

 

 

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

 

 

 


 

검색어 추천

  • document - 웹페이지에 있는 어떤 태그를 삭제 또는 자식 태그를 추가하고 싶을 때, 'document' 객체에 필요한 메소드가 있는지 살피기
  • DOM(Document Object Model) - 'document'에 없다면, 'DOM' 객체를 찾아보기 (document 객체는 DOM 객체의 일부이다.)
  • window - 웹페이지가 아니라 웹브라우저 자체를 제어해야할 때, window 객체에 속해있는 프로퍼티, 메소드를 이용
                    (ex, 현재 웹페이지의 주소 알아내기. 새창 열기. 웹브라우저의 화면 크기를 JavaScript 를 통해서 알아내기)
  • ajax - 웹페이지를 리로드하지않고 정보를 변경 (현대적인 웹앱을 만들 때
  • cookie - 웹페이지가 리로드 되어도 현재 상태를 유지하고 싶다면 쿠키를 이용
                  사용자를 위한 개인화된 서비스 제공 가능
  • offline web application - 인터넷이 끊겨도 동작하는 웹페이지를 만들고 싶다면
  • webRTC - 화상통신 웹 앱
  • speech로 시작하는 API - 사용자의 음성을 인식하고 음성으로 정보를 전달하고 싶다