요약

• 인터페이스(Interface): 서로 다른 두 물체가 상호간에 정보나 신호를 주고받기 위해서 필요한 접점이나 경계면.
• 사용자 인터페이스(User Interface, UI): 인간과 컴퓨터 사이에서 의사소통을 목적으로 만들어진 물리적, 가상적 접점(매개체).
• API(Application Programming Interface): 응용 프로그램(Application)들이 서로 소통하기 위한 접점.
  (응용 프로그램(Application) 👉 운영체제(MacOS, Linux, Window 등)에서 실행되는 모든 소프트웨어).
• 웹 시스템에서 API: 클라이언트(브라우저)와 데이터베이스(인스타그램 서비스의 데이터 집합) 두 애플리케이션 사이에서 데이터를 읽거나 쓰기위해서 필요한 접점.

1. API

1-1. 정의

응용 프로그램에서 사용할 수 있도록, 운영 체제 혹은 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스

응용 프로그램(Application)
: 운영체제(MacOS, Linux, Window 등)에서 실행되는 모든 소프트웨어.

• 예) 크롬(Chrome) 브라우저, Slack, KakaoTalk, 메모장, Keynote, Excel 등
  

1-2. 웹 서비스에서의 API

인스타그램 서비스를 제공할 때
운영체제, 서버에서 실행되고 있어야하는 애플리케이션 3가지

1. 클라이언트 애플리케이션(Chrome 브라우저)
: 사용자에게 웹 사이트를 표출
ex) Chrome, Safari, Internet Explorer, Mobile App

2. 데이터베이스 애플리케이션(MySQL, Oracle, Postgres)
: 수 많은 이용자들의 데이터(회원 정보, 게시물, 댓글, 좋아요, 사진, 영상)를 영구적 보존

3. API(Application Programming Interface) 애플리케이션
: 브라우저 와 데이터베이스 중간에 소통 역할(정보 읽기/쓰기)
👉소통의 결과물: 데이터(게시글), 데이터 관련 작업(게시글에 댓글 달기)

2. Interface

2-1. 정의

서로 다른 두 물체가 상호간에 정보나 신호를 주고받기 위해서 필요한 접점이나 경계면. 상호간에 소통을 위해 만들어진 접점

2-2. 실생활 예제 - 식당 점원

점원이 손님과 요리사 사이에서 소통을 주관하는 접점(Interface)이다

3. UI - 컴퓨터의 사용자 인터페이스

3-1. 정의

사용자 인터페이스(User Interface, UI)
: 인간과 컴퓨터 사이에서 의사소통을 목적으로 만들어진 물리적, 가상적 접점(매개체)
: 인간과 컴퓨터 사이에서 상호간에 소통할 수 있도록 입력, 출력 역할

3-2. 종류

3-2-1. Hardware User Interface

예) 키보드(입력) - 모니터(출력)

3-2-2. Graphical User Interface (GUI)

사용자가 그래픽 아이콘을 통해서 컴퓨터와 정보 교환을 가능하게 해주는 인터페이스
예) 마우스 포인터, 프로그램 아이콘, 드래그앤 드랍

3-2-3. Web User Interface (WUI)

웹 브라우저 상에서의 인터페이스.
예) 화면의 디자인, 그 안을 이루는 배너, 아이콘, 검색 버튼, 결제 버튼 등