JavaScript(19)

박찬영·2024년 1월 19일

JavaScript

목록 보기
19/19

1. window.localStorage

• localStorage 속성은 현재 도메인의 로컬 저장소에 접근할 수 있게 해준다

• 로컬 저장소는 웹브라우저에서 각 도메인에 대해 할당해주는 저장 공간으로, 
  여기에는 데이터를 영구적으로 보관할 수가 있다.
  
• 데이터 보관 시에는 데이터의 이름과 데이터의 실제 값을 각각 지정하며, 
  이때 데이터 타입은 문자열 형태만 허용된다.
  

2. window.localStorage 메소드

→ 로컬스토리지의 데이터 이름은 중복될 수 없다.

3. 실습

1) html 코드

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE-edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>자바스크립트 실습</title>
    </head>
    <body>

        <script src="script.js"></script>
    </body>
</html>

2) js 코드

localStorage.setItem("myName", "김예진")

const myName = localStorage.getItem("myName")
alert(myName)

localStorage.setItem("cat", "고양이")
localStorage.setItem("dog", "강아지")
localStorage.setItem("myName", "박찬영")

localStorage.removeItem("dog")
// localStorage.clear()

3) 결과

profile
블로그 이전했습니다 -> https://young-code.tistory.com

0개의 댓글