๐Ÿ‘จ‍๐Ÿ’ป kimtongting
article thumbnail
[React] localStorage์™€ sessionStorage

localStorage ์™€ sessionStorage๋ž€? localStorage์™€ sessionStorage ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ• ๋ชจ๋‘ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ „์—ญ์— ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ๊ณตํ†ต์ ์ด ์žˆ๋‹ค. ๊ฐ storage์— ์ €์žฅ๋œ ๋ฐ์ดํ„ฐ๋Š” ๋ชจ๋‘ ๋ฌธ์ž์—ด๋งŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค๋ฅธ ํƒ€์ž…์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ์—๋Š” JSON ํ˜•ํƒœ๋กœ ๋ณ„๋„ ๊ฐ€๊ณต์ด ํ•„์š”ํ•˜๋‹ค. ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ•์˜ ์ฐจ์ด์ ์€ ์ €์žฅ๋˜๋Š” ๋ฐ์ดํ„ฐ์˜ ๋ฒ”์œ„๊ฐ€ ๋‹ค๋ฅด๋‹ค๋Š” ์ ์ด๋‹ค. localStorage๋Š” ๋™์ผํ•œ pc์•ˆ์—์„œ ๋™์ผํ•œ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ์— ์‚ฌ์šฉํ•œ๋‹ค. ๋ฐ์ดํ„ฐ๋ฅผ ์ง์ ‘ ์‚ญ์ œํ•˜์ง€ ์•Š๋Š” ํ•œ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๋‹ซ์•„๋„ ์ €์žฅ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ๋Š” ์žฅ์ ์ด ์žˆ๊ณ , ์ฃผ๋กœ ๋กœ๊ทธ์ธ ์‹œ '์•„์ด๋””์ €์žฅ' ๊ธฐ๋Šฅ์„ ํƒ‘์žฌํ•œ ๋ชจ๋ฐ”์ผ์›น์—์„œ ์ž์ฃผ ์“ฐ์ธ๋‹ค. sessionStorage๋Š” ๋ธŒ๋ผ์šฐ์ € ์ฐฝ์ด ๋‹ซํžˆ๋ฉด ์„ธ์…˜์ด ์ข…๋ฃŒ๋˜๋ฉด์„œ..