이미지출처 : https://gamsunghacker.tistory.com/2

UI(User Interface)

사용자가 시스템을 제어할 수 있게 만들어주는 인터페이스

시스템 입장에서 UI란 사용자를 대면하는 접점이 되는 지점이다. 사용자 입장에서는 소프트웨어에 접근하고, 명령을 내릴 수 있는 부분이다. 하드웨어에서 스크린, 키보드, 마우스, 웹 브라우저 등이 해당된다. 소프트웨어에서 화면에 나타나는 버튼과 같은 요소들 역시 사용자의 의중을 시스템에 전달하고 시스템의 상태를 사용자에게 보여준다는 점에서 UI라고 할 수 있다.

API(Application Programming Interface)

소프트웨어를 제어 또는 개발하기 위해 사용하는 인터페이스

API는 어플리케이션이 서로 데이터를 교환할 수 있는 매개체가 되어준다. 스카이스캐너에서 항공권을 예약한다고 가정해보자. 이 때 우리는 항공사 데이터베이스에 직접 접속을 하는 것이 아니다. 스카이스캐너가 예약자 대신 항공사의 데이터베이스에 접속해 시간과 좌석 여부, 가격을 확인해서 UI에 보여준다. API 여기서 프론트엔드(화면)와 백엔드(화면에 보여줄 정보를 처리하는 곳)를 연결하는 역할을 한다. 스카이 스캐너의 경우 각 항공사 홈페이지로 연결을 해줄 뿐이다. 하지만 네이버 항공권에서 예약하면 항공사 홈페이지에 들어가지 않고 예약이 바로 가능하다. 따라서, API를 만든다는 말이 함수를 만든다(여기서는 항공사 데이터베이스에 좌석 예약)는 의미로 사용되기도 한다. 이렇게 되면 항공사와 예약자가 서로의 정보에 완전히 접근할 수 없기 때문에 보안 측면에서 더 안전하다.

[참고] 오픈 API는 누군가 백엔드를 미리 만들어 놓고 주소와 사용규칙을 공개한 것을 의미한다. 공개된 API를 사용하고 프론트엔드만 개발하는 것을 serverless라고 한다. 지도, 결제, 채팅, AI 등도 공개되어 있어 프론트엔드에 사용을 할 수 있다.

참고 영상
https://youtu.be/Z4kH0IZVT-8
https://youtu.be/QPEUU89AOg8