UX(User Experience)
- 제품과 시스템, 서비스 등을 사용자들이 직/간접적으로 경험 하면서 느끼고 생각한 총체적 경험을 의미
UI(User Interface)
- 사용자가 시스템을 제어하기 위해 사용하는 조작장치
- 웹/앱에서는 사용자와 컴퓨터의 상호작용을 하기 위해 개발자가 만들어 둔 버튼, 아이콘 등을 말한다
<input type="button" value="Click me" onclick="alert('Hello World')">
버튼(Click me)을 클릭하면 경고창이 나타난다. 여기서 버튼은 사용자가 시스템을 제어하기 위해 사용하는 조작장치다. 사용자가 조작하는 제어장치를 User Interface라고 부른다.
경고창은 실행되는 타이밍이나 경고문구는 개발자들이 만들었지만, 코드에는 경고창의 기능이나 모양이 설명되어 있지 않다. 경고창은 웹브라우저개발자가 기능을 미리 만들어두었고, alert함수를 사용하면 경고창기능을 실행 할 수 있게 만들었다. 함수 alert은 경고창을 실행하는 조작 장치인 것이다. alert이라는 조작장치는 사용자가 직접 사용하지 않는다. 이렇게 앱/웹을 개발하기 위해서 프로그래밍 할 때 사용하는 alert같은 조작 장치들을 API라고 부른다.
API(Application Programming Interface)
어플리케이션을 만들기 위해서 프로그래밍을 할 때, 사용하는 입출력장치를 쓰기 위한 간접적인 접근도구다. 미리 다양한 입출력 장치를 프로그램으로 만들어 놓은 후, 프로그래밍 할 때 불러와서 사용하는 인터페이스로, 주로 함수 형태로 이루어져 있다. 함수를 호출하면 미리 만들어져 있는 입출력 프로그램을 순서대로 실행한다.
'개발 기초' 카테고리의 다른 글
[네트워크] HTTP(HyperText Transfer Protocol) (0) | 2022.05.01 |
---|---|
깃(git)을 저장하는 클라우드 서비스 : 깃허브(github) (0) | 2021.08.04 |
라이브러리와 프레임워크(Library & Framework) (0) | 2020.12.09 |
리팩토링(refactoring) (0) | 2020.12.04 |
[Internet] 웹서버와 웹브라우저의 통신(feat. http) (0) | 2020.11.16 |