๋ด๊ฐ ์ผ๋จ ๊ตฌํํ๊ณ ์ถ์ ๊ธฐ๋ฅ์ ์ต๊ทผ ๋ณธ ์ํ ๊ธฐ๋ฅ์ด๋ค
๐ react๋ก '์ต๊ทผ ๋ณธ ์ํ' ๊ธฐ๋ฅ๊ตฌํ ํ๊ธฐ step.
step1. ์ํ์ ํด๋ฆญํด์ ์์ธํ์ด์ง์ ๋ค์ด๊ฐ๋ค๋ฉด, ์ํ์ id ๊ฐ์ localStorage์ ๋ด๋๋ค.
step2. localStorage์ ๋ด๊ธด id๊ฐ์ ์ค๋ณต์ฒดํฌํ๋ค.
step3. ๋ฐ์์จ ์ํ ๋ฐ์ดํฐ๋ฅผ ํ๋ฌํ UI ๋ก ๋์ ์ค๋ค.
step.1 : ์์ธํ์ด์ง์ ์ ์ํ๋ฉด ํด๋น ์ํ์ id๋ฅผ localStorage์ ์ ์ฅํ ์ ์๋๋ก ์ฝ๋๋ฅผ ์์ฑํ๋ ค๊ณ ํ๋ค. ํ๋๋ฐ...
useEffect(()=> {
localStorage.setItem('watched', JSON.stringify({id}.id))
},[])
๋์ฒด๋ฅผ ํ๋ฉด ์๋๊ณ ์ถ๊ฐ๋ฅผ ํด์ผํ๋๋ฐ!
เซฎ( แตฬโฑเนแตฬ )แ ์
!
continew...