Recommanded Free YOUTUBE Lecture: <% selectedImage[1] %>

모바일 센서 테스트

모바일 기기의 센서를 이용해서 위치와 가속정보를 얻고자 한다. 센서가 없는 데스크탑 PC에서는 테스트 할 수 없다. 나는 안드로이드에서 크롬 웹 브라우저를 이용해서 테스트했다. 웹 브라우저를 이용해서 테스트를 한 이유는 네이티브 앱 만들기가 귀찮아서이다. 혹시 네이티브앱을 만들더라도 ionic 정도로 만들게 되지 않을까 싶다. 테스트 환경은 아래와 같다.
  1. LG Q6 : 공짜폰이라서 샀다(라기 보단 바꿨다.)
  2. Chrome 63.0.3239.83
  3. Android 7.1.1
데모는 아마도 모바일 브라우저에서나 제대로 작동할 것이다. 크롬의 개발자 툴을 이용하면, 디버깅 목적으로는 사용 할 수 있다. 아래와 같이 사용 할 수 있다.
  1. Ctrl+Shift+I 로 개발자도구를 띄운다.
  2. 기본메뉴를 연다.
  3. More Tools에서 Sensors를 클릭한다.
  4. 이제 Sensor 값을 수동으로 입력 할 수 있다.

window.DeviceOrientationEvent

Device Orientation API는 디바이스의 방향과 이동에 대한 정보를 제공한다. 이들 정보는 compasses, 자이로스코프(gyroscope), 가속도계(Accelerometers) 센서에서 제공한다.

DeviceOrientationEvent는 3개의 데이터를 제공한다.
Property 설명
Alpha 기기가 향하는 방향.0~360도
Beta 앞뒤 움직임. -180~180도
Gamma 좌우 움직임. -90~90도
ESC를 누르면 빠져나갑니다.

Accelerometer

참고