[WEB2] JavaScript : 36.UI & API

출처 : unsplash

 

■ 들어가기

- 생활코딩 내 강의를 들으며 정리하는 블로그

- 36.UI & API : https://youtu.be/FrqgeNgUSB0

 

 

1. UI & API

- UI : User Interface

- API : Application Programming Interface

- 사용자는 위의 'click me' 버튼과 같은 조작장치를 이용해서 웹application을 사용하고 있으며, 이와 같이 사용자(user)가 시스템을 제어하기 위해 사용하는 조작장치를 User Interface 즉, UI라고 부름

- 위의 경고창은 코드 상에서 alert 메서드를 호출함으로써 생성되는 것으로써, application을 만들기 위해서 programming 시 사용하는 조작장치를 Application Programming Interface 즉, API라고 부름

 

2. 추천 검색어

- 추가 공부하고 싶을 경우 아래 검색어로 찾아보자!

- document객체: 웹 페이지내 태그를 삭제하거나, 어떤 태그의 자식 태그를 추가하고자 할 경우

- DOM(document object model)

- window객체: 웹 페이지가 아닌 웹 브라우저 제어가 필요할 경우 (ex. 새 창을 띄우거나, 웹 브라우저의 크기 알고 싶을 경우)

- ajax: 웹 페이지를 리로드하지 하지 않고 정보를 변경 필요할 경우

- cookie: 웹 페이지가 리로드되어도 현재 상태를 유지하고 싶을 경우 => 사용자를 위해 개인화된 정보 제공 가능

- offline web application: 인터넷이 끊겨도 동작가능한 페이지 만들고 싶을 경우

- webRTC: 화상통신 웹/앱을 만들고 싶을 경우

- speech~~ API: 사용자의 음성을 인식하고 음성을 통해 정보 전달하고 싶을 경우

- webGL: 3차원과 같은 게임 만들고 싶을 경우

- webVR: 가상현실