[스토리지(Storage)]
· 웹스토리지는 클라이언트 컴퓨터에 데이터를 저장하는 메카니즘이다.
· 약 5MB 정도까지 저장이 가능하다.
· 쿠키보다 안전하고 속도도 빠르다.
· 데이터는 키/값(key/value)의 쌍으로 저장한다.
· localStorage 객체
- 만료 날짜가 없는 데이터를 저장한다.(영구보관)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function fn() { localStorage.setItem("name", "홍길동"); localStorage.age=30;//localStorage.setItem("age", 30); localStorage['addr']="서울시 은평구";//localStorage.setItem("addr", "은평구"); } function rfn() { console.log(localStorage.name); console.log(localStorage.getItem("age")); console.log(localStorage['addr']); } </script> </head> <body> <button onclick="fn()">저장</button> <button onclick="rfn()">읽기</button> </body> </html> |
· sessionStorage 객체
- 해당 세션이 종료되면 데이터가 사라진다.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function fn() { sessionStorage.name="이순신"; sessionStorage.age=30; } </script> </head> <body> <button onclick="fn()">저장</button> </body> </html> |
· cookie는 document 속성
function fn() { document.cookie = "myname=홍길동;" } |
[Geolocation API]
· 사용자의 위치 정보를 얻기 위한 JavaScript API
· 관련 메소드는 window.navigator객체에 정의되어 있다.
· 현재 위치는 한번 얻는다.
- navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options);
· 위치 정보는 계속 확인한다.
- var watchId = navigator.watchPosition(successCallback, errorCallback, options);
http://mygeoposition.com/
'SK고용디딤돌' 카테고리의 다른 글
| 직무교육 15일차(jQuery) (0) | 2017.08.02 |
|---|---|
| 직무교육 14일차(HTML5 API) (0) | 2017.08.01 |
| 직무교육 12일차(DB연동) (1) | 2017.07.25 |
| 직무교육 11일차(웹어플리케이션 & ajax) (0) | 2017.07.24 |
| 직무교육 10일차(JavaScript) (0) | 2017.07.21 |