본래 오늘은 배열에 대해 포스팅 할 생각이었지만, 챌린지 도중 local storage를 다루는 문제가 있어서 포스팅을 해보자 한다.
Local Storage란?
local storage는 브라우저에서 지원하는 미니 저장소와 같은 역할을 한다.
작은 정보들을 브라우저가 제공하는 저장소에 저장하고, 브라우저에서 그 값을 필요로 할때 꺼내온다.
local storage는 브라우저를 종료해도 안에 있는 정보가 사라지지 않지만, 시크릿 모드로 실행 할 경우, 브라우저를 종료시킬때 안에 있는 정보가 사라지게 된다.
그렇다면 local storage와 자바스크립트는 어떤 연관이 있을까?
자바스크립트는 웹의 동적인 기능을 조작하기 위한 언어이고, 자바스크립트를 사용해서 local storage에 값을 저장 할 수 있고,
물론 불러오는것도 가능하다.
단, 이 스토리지에 큰 정보는 저장 할 수 없기에, 텍스트로 이루어진 정보들만 저장이 가능하다.
때문에 저장 되는 값은 string을 사용하며, 다른 값이라도 string으로 변환된다.
저장 될때는 key와 value 쌍으로 저장 되며,
이를 이용하여 일반 object처럼 사용 할 수 있다.
local storage에 저장 할때는 특정 method를 사용하게 되는데,
저장 하기 위해서 사용 할 수 있는 method는 localStorage.setItem()을,
저장 되어 있는 정보를 불러오기 위해서는 localStorage.getItem()을 사용한다.
안에 있는 모든 정보를 없애기 위해서는 localStorage.clear(), 하나만을 지정해서 삭제 하기 위해서는
localStorage.removeItem()을 사용하게 된다.
비슷하게 사용 되는것으로는 Session Storage라는것이 있는데, 이것도 저장소지만, 세션이 종료되면 안에 있는 정보가 삭제되는 특징이 있다.
localStorage는 to do list, weather app등에 사용되기에 여러 방법으로 사용하여 익혀두는것이 좋다.
