체크박스, 라디오버튼, 기본 이벤트 막기, localStorage > 자유게시판

• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

localStorage 객체 - 새로고침 해도 내용이 남아 있음 - 웹 API localStorage.getItem(key) localStorage.setItem(key,value) localStorage.removeItem(key) localStorage.clear()오늘은 자바스크립트 localStorage기능을 이용해서 간단한 문구를 저장해보도록 하겠습니다. localStorage는 브라우저에 key:value의 형태로 데이터를 저장할 수 있게 해주는 메커니즘입니다. HTML 벨류 localStorage.setItem('이름', 'kim') localStorage.getItem('이름'); 어레이나 오브젝트는 제이슨 변환 -> 꺼내면 형태에 맞게 변환 array/object -> JSON 변환하고 싶으면 JSON.stringify() JSON -> array/object 변환하고 nuxt 레이아웃이 pages/index.vue 에 로드되기 전에 localStorage 데이터를 가져와야 합니다. /pages/index.vue <script> export default { layout (context) { if (localStorage.getItem('AUTH
localstorage 하나카드 메리츠화재 유진투자증권 경북진 토스뱅크 otesol 대전진 롯데카드 tesolmaster 동양생명 강남안과 푸른저축은행 KTB 투자증권 frowth 스마일프로 wbook 유튜브 뮤직 KDB생명 freebanner 구인구직 임플란트비용 무료 다운로드 울산진 tesolacademy 인터넷 속도 측정 우리카드 한화손해보험 한화생명 산은캐피탈 신한 BNP 파리바자산운용 senchauser 부국증권 삼성카드 미래에셋대우 신한카드 한국수출입은행 충북진 KB증권 유기견 무료분양 애큐온저축은행 모두진 socialprice 한국산업은행 아주캐피탈 모두진 삼성생명 ABL생명 고속버스 앱 제주진
소스코드 localStorage.removeItem(todoItem); // localStorage 에서만 삭제되고 화면에서는 삭제되지 않는다. this.todoItems.splice(index, 1); // 화면에서 삭제처리 뒤에1은 개수localStorage 로컬스토리지 localStorage 속성은 현재 도메인의 로컬 저장소에 접근할 수 있게 해 준다. 로컬 저장소는 웹 브라우저에서 각 도메인에 대해 할당해 주는 저장 공간으로 영구적으로