JavaScript9 localStorage 사용법 브라우저에 key-value 값을 저장하는 기능 저장한 데이터는 세션간에 공유됨 도메인별로 데이터가 분리되어 있음. localStorage는 String 값만 저장 가능하므로, 객체나 배열을 저장하고 싶을 경우 JSON.stringify, JSON.parse 등을 이용해 json 문자열으로 데이터를 저장해야 함. setItem() // 값 추가 window.localStorage.setItem(key, value); getItem() // 값 조회 window.localStorage.getItem(key); removeItem() // 값 삭제 window.localStorage.removeItem(key); clear() // 같은 도메인 내의 값 전체 삭제 window.localStorage.clea.. 2023. 7. 17. JavaScript 배열 삭제 // 특정 index로 삭제 this.array.splice(index, 1); // 특정 index로 여러개 삭제 this.array.splice(index, 2); // 전체 삭제 this.array.splice(0); 2023. 7. 17. JavaScript 계산된 스타일 속성 가져오기 화면에 그려지면서 계산되므로 width, height 값 등도 같이 가져와짐. function getCleanSetOfStyles(el) { var targetDOMElement = el; var targetObjsStyles = document.defaultView.getComputedStyle(targetDOMElement); var tempCopyOfTarget = document.createElement(targetDOMElement.tagName); document.body.insertAdjacentElement('afterBegin', tempCopyOfTarget); var basicElementsCSS = document.defaultView.getComputedStyle(tempCopyO.. 2023. 7. 17. JavaScript 배열 위치 교환 후 한 칸씩 밀기 function swap(array, fromIndex, toIndex) { var temp = array[fromIndex]; array.splice(fromIndex, 1); array.splice(toIndex, 0, temp); } 2023. 7. 16. 이전 1 2 3 다음 반응형