728x90
설명은 코드안에
<!DOCTYPE html>
<meta charset="UTF-8">
<script>
//브라우져 내에도 저장 공간이 있음!(Cookie)
//요즘은 쿠키에 질려서 localStorage를 더 많이 사용!
localStorage.myname = "민우";
localStorage.myage = "30";
/*
//저장하기
localStorage.setItem('name',"개발하는 민우");
localStorage.setItem('name',"노력하는 민우"); //덮어쓰기, pudate(수정)
localStorage.setItem('color',"black");
localStorage.setItem('color',"pink"); //덮어쓰기, update(수정)
localStorage.setItem('alias','swan');
*/
//읽기
// alert(localStorage.getItem('name'));
// alert("갯수" + localStorage.length);
// alert("키값:"+localStorage.key(0)); //순서가 쓴대로 보장이 안되서 잘 안씀(전체 뺑뺑 돌릴 땐 사용)
// localStorage.removeItem('alias'); //지우기
// localStorage.clear(); // 전체 지우기
</script>
유사 몽고 DB
<!DOCTYPE html>
<meta charset="UTF-8">
<script>
//localstorage 제약사항(꼬옥기억) -> 문자열밖에 저장안됨(객체저장불가)
// 잊지 말아야 하는 건 잊으려는 노력을 하면 안 잊혀짐
var minwooInfo ={
name : "민우",
alias : "개발자"
}
//객체를 저장할 땐 꼭 문자열화(이것을 자바에서 serialize라고 함) 해야함
localStorage.setItem("minwooInfo",JSON.stringify(minwooInfo));
// 아래 3줄 패턴이 아주 중요
// localStorage를 json형태로 잘 쓰면, 그 형태가 그 유명한
// 객체지향DB MongoDB와 같아서, 저절로 대단한 경험을 하게 됨!!
var readobj = JSON.parse(localStorage.getItem('minwooInfo'));//문자열을 객체화
readobj.alias = "노력하는 개발자";
localStorage.setItem('minwooInfo', JSON.stringify(readobj));
//요렇게 하는 건 정말 눈가리고 아웅!
// khinfo.alias = "개발자";
// localStorage.setItem(khinfo.alias = "노력안하는 개발자");
/*
localStorage.setItem("minwooInfo",JSON.stringify(minwooInfo)) //key, value 추가
localStorage.getItem('minwooInfo') //value 읽어 오기
localStorage.removeItem('minwooInfo') //item 삭제
localStorage.clear() //도메인 내의 localStorage 값 삭제
localStorage.length //전체 item 갯수
localStorage.key() //index로 key값 찾기
*/
</script>'JSP > Muzi' 카테고리의 다른 글
| [Javascript] history.back 이슈(오류) (0) | 2024.08.20 |
|---|---|
| [JavaScript] this에 대하여... ,call ,apply ,bind (0) | 2024.08.05 |
| [JavaScript] Promise ,async ,await 개념과 이해 그리고 실습 (0) | 2024.07.04 |
| 자바스크립트 난독화 해제하기. (0) | 2024.03.22 |
| AJAX.serialize() 시리얼라이즈 사용.. (0) | 2024.01.27 |