๐Ÿšซ localStorage ์˜ ๋Šช..

๋‚˜์ฟ ํฌยท2023๋…„ 1์›” 7์ผ
0

๋‚ด๊ฐ€ ์ผ๋‹จ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ์€ ๊ธฐ๋Šฅ์€ ์ตœ๊ทผ ๋ณธ ์ƒํ’ˆ ๊ธฐ๋Šฅ์ด๋‹ค


๐Ÿ“‘ react๋กœ '์ตœ๊ทผ ๋ณธ ์ƒํ’ˆ' ๊ธฐ๋Šฅ๊ตฌํ˜„ ํ•˜๊ธฐ step.

step1. ์ƒํ’ˆ์„ ํด๋ฆญํ•ด์„œ ์ƒ์„ธํŽ˜์ด์ง€์— ๋“ค์–ด๊ฐ„๋‹ค๋ฉด, ์ƒํ’ˆ์˜ id ๊ฐ’์„ localStorage์— ๋‹ด๋Š”๋‹ค.
step2. localStorage์— ๋‹ด๊ธด id๊ฐ’์„ ์ค‘๋ณต์ฒดํฌํ•œ๋‹ค.
step3. ๋ฐ›์•„์˜จ ์ƒํ’ˆ ๋ฐ์ดํ„ฐ๋ฅผ ํ”Œ๋ŸฌํŒ…UI ๋กœ ๋„์›Œ ์ค€๋‹ค.



step.1 : ์ƒ์„ธํŽ˜์ด์ง€์— ์ ‘์†ํ•˜๋ฉด ํ•ด๋‹น ์ƒํ’ˆ์˜ id๋ฅผ localStorage์— ์ €์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ ค๊ณ  ํ–ˆ๋‹ค. ํ–ˆ๋Š”๋ฐ...

useEffect(()=> {
   localStorage.setItem('watched', JSON.stringify({id}.id))
},[])




๋Œ€์ฒด๋ฅผ ํ•˜๋ฉด ์•ˆ๋˜๊ณ  ์ถ”๊ฐ€๋ฅผ ํ•ด์•ผํ•˜๋Š”๋ฐ!
เซฎ( แต’ฬŒโ–ฑเน‹แต’ฬŒ )แƒ ์•…!



continew...

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