2026년 6월 20일 토요일

[기술조사] JavaScript 스마트폰 진동 & LocalStorage (값 저장)

1. JS(JavaScript) - 스마트폰 웹브라우저에서 진동기능

Javascript 코드로 스마트폰 진동, navigator.vibrate 이용


[Source Code] 

navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate; //작동되는 진동 메소드를 모두 OR 연산

navigator.vibrate(1000);  //ms단위 1000 = 1초   

navigator.vibrate(0);     //중지


스마트폰 크롬(Chrome), 삼성 인터넷 브라우저에서 작동되었다. 

Ref Link : https://blog.supersu.kr/computer/js/webpage-vibrate-javascript



2. JS(JavaScript) - LocalStorage 값을 저장/유지

브라우저에서 Key, Value 값을 저장할 수 있다.
웹 브라우저가 종료하고, 다시 실행해도 값을 유지해야 할 경우 사용할 수 있다.  

window.localStorage.setItem() : Key, Value 추가 (Item 추가)
window.localStorage.getItem() : Value 읽어오기
window.localStorage.clear() : localStorage 값 삭제

위의 3개의 함수만으로, Read/Write/삭제가 가능하다. 간단한 예제를 보면, setItem()으로 값을 저장한다. 이때, Key값은 LOCAL_COUNT_NUMBER로 지정했다. getItem()으로 값을 가지고 올 수 있다. clear()을 사용하여 값을 삭제할 수 있다. 


[Source Code]

window.localStorage.setItem('LOCAL_COUNT_NUMBER', vCnt);

window.localStorage.getItem('LOCAL_COUNT_NUMBER');

window.localStorage.clear();


웹브라우저가 다시 실행되거나 웹페이지 다시 읽어오면 변수가 초기화 된다.

Ref Link : https://hianna.tistory.com/697


댓글 없음:

댓글 쓰기