[JS] Web API

최근 추가 된 Web API

1. 블루투스 API를 통해 IoT기기와 연결할 수 있는 웹사이트를 만들 수 있다.
2. push API를 통해 웹 사이트에서 푸쉬 알림을 보낼 수 있다. 사이트가 로딩 되지 않았거나 그냥 배경에만 있어도!
3. Contact picker API를 통해 연락처에 접근할 수 있다. 원래는 네이티브 앱에서만 가능했지만 이 API를 통해 웹 사이트에서도 가능해졌다.
4. Shape detection API를 통해 얼굴을 인식하고 바코드를 조회하고 이미지에서 텍스트를 추출할 수 있다. 이것 또한 네이티브 앱에서만 가능했었다.
5. Sensor API로 디바이스의 장소, 위치, 가속도 등에 접근 가능하다. 이는 webXR API와 함께 사용하면 좋다. webXR API는 webVR API의 새버전인데 이를 활용하면 AR(증강현실)을 만들 수 있고, MR(Mixed Reality), VR(Virtual Reality)를 브라우저에서 구현할 수 있다.
6. Vibration API는 브라우저를 통해서 핸드폰에 진동을 울릴 수 있다.
7. Clipboard API는 유저의 클립보드에 접근해 복붙을 쉽게 해준다.
8. Web USB API는 USB로 연결된 디바이스에 접근 할 수 있게 해준다. 이를 통해 새로운 디바이디바 추가할 때 따로 설치 없이 연결만 해주면 된다.
9. File system access API로 유저의 파일 시스템에 접근할 수 있다. 이전에는 유저가 파일을 업로드해야 접근할 수 있었지만, 이제는 브라우저가 유저의 로컬 디스크에 폴더와 파일을 생성할 수 있다. 즉, 언젠가 VS Code를 브라우저에서 바로 돌릴 수도 있다는 말! 호환성에서 push와 contact API는 지원되지 않는데, 그 이유는 앱스토어의 경쟁력을 지키기 위해서라고 볼 수 있다.

 

해당 기능들을 자바스크립트가 활성화 시킬 수 있기 때문에 브라우저 환경이 더 각광 받을 수 있다고 생각한다.

 

https://developer.mozilla.org/en-US/docs/Web/API

Web APIs | MDN

 

 

참고 https://www.youtube.com/watch?v=Vatd-V0pLXo