๐ 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๊ฐ ์ฐพ๊ธฐ
'Programing Language > Javascript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Javascript] Date ๊ฐ์ฒด ์ฌ์ฉํ๊ธฐ (0) | 2023.03.22 |
---|---|
[Javascript] setTimeout()๊ณผ setInterval() ํจ์ (0) | 2023.03.21 |
[Javascript] classList ์ ์์ ์ฌ์ฉ๋ฐฉ๋ฒ (0) | 2023.03.21 |
[Javascript] preventDefault()์ stopPropagation() (0) | 2023.03.21 |
[Javascript] event listener ์ฌ์ฉํ๋ ๋ฒ๊ณผ event ์ ์ข ๋ฅ (0) | 2023.03.20 |