JS) localStorage

Ceciliaยท2022๋…„ 12์›” 17์ผ
0

JavaScript

๋ชฉ๋ก ๋ณด๊ธฐ
15/36
post-thumbnail

https://ko.javascript.info/localstorage



๐Ÿ”localStorage


๋ธŒ๋ผ์šฐ์ € ๋‚ด์— key, value๋ฅผ ์ž์ฒด ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค.
๋ธŒ๋ผ์šฐ์ €๋ฅผ ์žฌ์‹œ์ž‘ ํ•˜๋”๋ผ๋„ ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ฌ๋ผ์ง€์ง€ ์•Š๋Š”๋‹ค.

์‚ฌ์šฉํ•˜๋Š” ํ‚ค์›Œ๋“œ๋Š” ์•„๋ž˜ 3๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค.

setItem(key, value)
getItem(key)
removeItem(key)

localStorage.setItem('test', 1);

localStorage.getItem('test');

localStorage.removeItem('test');

setItem์œผ๋กœ userinfo๋ฅผ ์ €์žฅํ•ด๋†จ๋‹ค๊ฐ€ "string" + userinfo ๋˜๋Š” `string ${userinfo}` ๋กœ ๋ณ€๊ฒฝํ• ๋•Œ ์œ ์šฉํ•˜๊ฒŒ ์ผ๋‹ค. ๐Ÿ‘
profile
'์ด๊ฒŒ ์ตœ์„ ์ผ๊นŒ?'๋ผ๋Š” ๊ณ ์ฐฐ์„ ํ†ตํ•ด ๋์—†์ด ์„ฑ์žฅํ•˜๊ณ , ๊ทธ ๊ณผ์ •์„ ์ฆ๊ธฐ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž์˜ ์ž…์žฅ์„ ์ƒ๊ฐํ•˜๋ฉฐ ์ตœ์„ ์˜ ํŽธ์˜์„ฑ์„ ์ฐพ๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด