반응형 Javascript12 [javascript] SessionStorage 에 대해서 새로운 작업을 진행중에 로컬스토리지가 아닌 세션스토리지를 활용할 일이 생겼다.그럼 로컬스토리지와 세션스토리지의 차이가 무엇이고 어떤점이 필요해서 사용하게 되었는가 정리를 해보려고 한다. Session Storage 사용법sessionStorage.setItem("key", value);// domain이란 키(key) 값을 사용하여 해당 텍스트를 저장함 sessionStorage.getItem("key");// 키에 저장된 값을 반환. sessionStorage.removeItem("key");// 키와 데이터 모두 삭제 sessionStorage.clear(); 세션스토리지는 로컬스토리지랑 사용법이 다르지 않다 로컬스토리지 MDN 바로가기 Local Storage vs Session S.. 2023. 2. 9. [javascript] += 더하기 할당 자바스크립트 += 더하기 할당 테이블을 만들다가 더하기 할당을 활용해서 만드는것을 보게되었다. MDN에서는 정의를 이렇게 이야기한다. 더하기 할당 연산자는 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당합니다. 피연산자의 타입이 더하기 할당연산자의 동작을 결정하며, 덧셈 또는 문자열 연결이 가능합니다. let a = 2; let b = 'hello'; console.log(a += "3"); // Addition // Expected output: 5 console.log(b += ' world'); // Concatenation // Expected output: "hello world" 같은 연산자끼리는 연결이 되어 결과값을 다시 할당하게 된다. 위에 본 식 처럼 a=2 이고 더하기할당으.. 2023. 2. 8. [javascript] Callback 함수 CallBack 함수 - 함수의 제어권을 위임 쉽게 말해서 함수에 파라미터로 들어가는 함수 이다. 어떨때 콜백함수를 쓰는가 ? 보면 순차적으로 실행하고 싶을때 예를들면 버튼을 클릭했을때 함수를 실행시키고 싶을때 쓰는 함수이다. 넘어가는 제어권에는 무엇이 있을까? -실행시점 -매개변수 -this 2023. 2. 6. [javascript] 로컬스토리지 란? // 데이터 저장하기 localStorage.setItem(key, value); // 데이터 불러오기 localStorage.getItem(key); // 데이터 삭제 localStorage.removeItem(key) // 모든 것 삭제 localStorage.clear() //index에 해당하는 키 소환 localStorage.key(index) // 저장된 항목의 수 localStorage.length 로컬스토리지 활용 케이스 회사에서 관리자 페이지를 만들어야되는 작업이 있었다. 특정 data를 보내야 필요한 자료를 보내주는 작업 axios 에서 post 요청을 하는데 apiUrl 과 요청할 자료를 보내고 서버에서 응답을 받는 작업이었다. 로그인해야만 얻을수 있는 자료들을 localStroage.. 2023. 1. 30. 이전 1 2 3 다음
