Interface (인터페이스)
계층적인 관계의 접점이 되는 것을 인터페이스라고 한다.
UI (User Interface)
사용자를 대면하는 접점이 되는 지점.
1. 노트북의 입력장치, 출력장치 (하드웨어적 UI)
사용자가 입력할 수 있는 키보드, 터치패드 등과 같은 입력장치
컴퓨터의 상태 등을 밖으로 출력해 주는 모니터, 스피커 등과 같은 출력장치
2. 윈도우 바탕화면, 웹 브라우저 UI (소프트웨어적 UI)
사용자의 의중을 시스템에게 전달하고, 시스템의 상태를 사용자에게 보여준다.
사용자가 클릭하면 원하는 값을 출력해낼 수 있음.
API (Application Programming Interface)
코드의 형태를 띄고 있는 인터페이스.
** API 사용해보기
주소창 아래와 같이 입력하면 웹브라우저에 경고창이 뜬다.
javascript:alert("Hello world!");
alert이라는 함수를 입력하면 내가 직접 만들지 않은 경고창이 띄워진다.
이미 만들어진 경고창이 정해진 디자인으로 정해진 위치에 나온다.
이렇게 정해진 사용자와 시스템사이의 접점을 인터페이스라고 하고,
사용방법은 코드 형태를 띄고 있으며, 애플리케이션을 프로그래밍할 때 사용하는 인터페이스를 API라고 한다.
내맘대로 정리하기
인터페이스 : 어떤 기능을 사용할 수 있게 만들어 놓은 것. 그 기능에 대한 정해진 약속.
UI : user, 즉 일반사용자들이 사용할 수 있게 만들어 놓은 기능(인터페이스)
API : application programming에서 사용할 수 있게 만들어 놓은 기능(인터페이스)
출처
opentutorials.org/course/743/6533
'Front > Java Script' 카테고리의 다른 글
값으로서의 함수(변수, 매개변수, 리턴값, 객체속성, 배열값) & 콜백 (0) | 2021.04.12 |
---|---|
변수의 유효범위 (지역변수, 전역변수) (0) | 2021.04.12 |
모듈(Module) & 라이브러리 - 호스트 환경에 따른 모듈의 로드 (0) | 2021.04.11 |
HTML <canvas> 태그 - 초록색 사각형 그리기 (0) | 2021.03.28 |
스크립트의 로딩 방법 ( 내부 & 외부 자바스크립트 / async & defer ) (0) | 2021.03.14 |