[React.js] localStorage , JSON.parse() , JSON.stringify()


localStorage , JSON.parse() , JSON.stringify()

Window.localStorage - Web API | MDN**

localStorage ์ฝ๊ธฐ ์ „์šฉ ์†์„ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด Document ์ถœ์ฒ˜์˜ Storage ๊ฐ์ฒด์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ๋Š” ๋ธŒ๋ผ์šฐ์ € ์„ธ์…˜ ๊ฐ„์— ๊ณต์œ ๋ฉ๋‹ˆ๋‹ค.

localStorage

**JSON.parse() - JavaScriptMDN**

JSON.parse()ย ๋ฉ”์„œ๋“œ๋Š” JSON ๋ฌธ์ž์—ด์˜ ๊ตฌ๋ฌธ์„ ๋ถ„์„ํ•˜๊ณ , ๊ทธ ๊ฒฐ๊ณผ์—์„œ JavaScript ๊ฐ’์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ์„ ํƒ์ ์œผ๋กœ, reviver ํ•จ์ˆ˜๋ฅผ ์ธ์ˆ˜๋กœ ์ „๋‹ฌํ•  ๊ฒฝ์šฐ, ๊ฒฐ๊ณผ๋ฅผย ๋ฐ˜ํ™˜ํ•˜๊ธฐ ์ „์—ย ๋ณ€ํ˜•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

JSON.parse

**JSON.stringify() - JavaScriptMDN**

JSON.stringify() ๋ฉ”์„œ๋“œ๋Š” JavaScript ๊ฐ’์ด๋‚˜ ๊ฐ์ฒด๋ฅผ JSON ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์„ ํƒ์ ์œผ๋กœ, replacer๋ฅผ ํ•จ์ˆ˜๋กœ ์ „๋‹ฌํ•  ๊ฒฝ์šฐ ๋ณ€ํ™˜ ์ „ ๊ฐ’์„ ๋ณ€ํ˜•ํ•  ์ˆ˜ ์žˆ๊ณ , ๋ฐฐ์—ด๋กœ ์ „๋‹ฌํ•  ๊ฒฝ์šฐ ์ง€์ •ํ•œ ์†์„ฑ๋งŒ ๊ฒฐ๊ณผ์— ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

JSON.stringify