[Javascript] Local Storage 다루기

📚 Local Storage란

브라우저에 Key-Value 값을 저장할 수 있는 공간을 의미한다. 저장한 데이터는 세션간에 공유되며, 세션이 바뀌어도 저장한 데이터는 유지가 된다.

📚 Local Storage 사용

 

아래는 localStorage에 아이템을 CURD 방법이다. 

 

 

 

📒 setItem()

localStorage에 아이템을 추가하기 위해서 setItem() 함수를 사용한다.

localStorage.setItem(key, value)

 

 

📒 getItem()

localStorage에 아이템을 읽기 위해서 getItem() 함수를 사용한다.

localStorage.getItem(key)

 

 

📒 removeItem()

localStorage에 아이템을 삭제를 위해서 removeItem() 함수를 사용한다.

localStorage.removeItem(key)

 

 

그 외 추가적으로 알아두면 좋은 함수들

 

📒 length

localStorage의 길이를 반환한다. 

localStorage.length;

 

 

정리하자면 아래와 같다. 

• setItem() - key, value 추가
• getItem() - value 읽어 오기
• removeItem() - item 삭제
• clear() - 도메인 내의 localStorage 값 삭제
• length - 전체 item 갯수
• key() - index로 key값 찾기