[JavaScript] 생활코딩 WEB2 - JavaScript 36~37

UI vs API

 

 

 

UI (User Interface) ->사용자가 시스템을 제어하기 위해서 사용하는 조작장치

API (Application Programming Interface) -> 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작장치

 

 

경고창은 우리가 만든 것이기도, 만들지 않은 것이기도 하다.

why? 경고창이 실행되는 타이밍이나 경고창에 표시되는 text는 우리의 의도가 반영된것이기 때문에 우리가 만들었다고 할 수 있음.

한 줄짜리 코드안에는 기능, 모양 등이 설명되어 있지않음.

-> 웹브라우저를 만드는 사람들이 대신 만들어줌 -> alert라는 함수를 사용하면 경고창을 띄워주겠다는 약속을 한 것임.

 

 

 

API는 순서와 단어와 문법처럼, 부품과 부품의 결합방법처럼 뗄레야 뗄 수 없는 관계다.

 

 

---

 

 

수업을 마치며

 

 

 

이제부터 자신만의 프로젝트를 시작할 때이다.

필수불가결한 최소한의 도구로 문제해결을 먼저 해보자.

최소한의 도구 -> 순서에 따라 실행되어야 하는 명령어들이 실행되도록 하는 것.

 

 

웹페이지에 태그 삭제하고 싶거나 자식태그를 추가하고 싶다면 document를 쓰자.

그 안에 내가 필요한 method가 그 안에 있을 것이다.

그 안에도 찾을 수 없다면 DOM으로 수색범위를 넓히자.

document는 DOM의 일부다.

 

웹페이지가 아닌 웹브라우저 자체를 제어해야한다면

window 객체를 조사하자.

예를 들어 새 창을 열거나, 화면크기 조정을 js를 통해 알아야 한다면 

window객체에 속해있는 property나 method가 나를 도와줄 수 있을 것이다.

ajax -> 웹페이지를 리로드 하지 않고 정보를 변경할 수 있다.

cookie -> 웹페이지가 리로드 되어도 현재상태를 유지할 수 있다.

offlilne web application -> 인터넷이 끊겨도 동작하는 웹페이지를 만들 수 있다.

webRTC -> 화상통신 웹/앱

speech -> 사용자의 음성인식, 음성으로 정보 전달

webGL -> 3차원 게임

webVR -> 가상현실