웹스토리지 (2) 썸네일형 리스트형 [ LocalStorage ] localStorage에서 배열(Array)다루기. 최근 작업 할 부분이 client측에서 `localStorage`를 통해 배열을 저장, 수정, 삭제하는 기능을 구현해야 해서 정리해 보았다. (localStorage는 웹 브라우저의 클라이언트 측에 데이터를 저장하는 데 사용되는 웹 스토리지) 1. 배열을 `localStorage`에 저장하기: // 예시 배열 const myArray = [1, 2, 3, 4, 5]; // 배열을 JSON 문자열로 변환하여 localStorage에 저장 localStorage.setItem('myArray', JSON.stringify(myArray)); * localStorage는 value에 문자열만 가능하기 때문에, JSON.stringufy()를 이용하여 배열을 문자로 바꾸어 저장해야한다. 2. `localStor.. [ WEB ] Web Storage에 대해 알아보기. Web Storage API는 브라우저에서 키/값 쌍으로 구성되며, 객체와 비슷하다. 이 데이터들은 페이지 로딩에도 온전하게 유지가 되고 key와 value는 항상 문자열이다.(정수를 사용할 경우 자동으로 string으로 변경됨. 자스의 객체 동작 방식과 유사.) 쿠키보다 훨씬 직관적으로 저장할 수 있는 방법을 제공한다. Web Storage 개념과 사용법 Web Storage는 sessionStorage와 LocalStorage의 두 가지 방식이 있으며, Window.sessionStorage와 Window.localStorage 속성을 통해 사용할 수 있다. 두 가지 속성중 하나에 접근하면 Storage 객체의 인스턴스를 생성하게 되고, 그것을 사용하여 데이터 항목을 추가, 회수, 제거 할 수 있다... 이전 1 다음
