0108 TIL
๐React.memo()
- ์ปดํฌ๋ํธ์ ์๋ props๋ state๊ฐ ๋ณ๊ฒฝ๋๋ฉด, ๊ทธ๊ฑธ ์ฐ๋ HTML์ ์ ๋ถ ์ฌ๋ ๋๋ง๋จ
- memo()๋ฅผ ์ฌ์ฉํ๋ฉด ๋ถํ์ํ ์ฌ๋ ๋๋ง ๋ง๊ธฐ ๊ฐ๋ฅ!
1) import {memo} from 'react'
2) memo()๋ก ์ปดํฌ๋ํธ ๊ฐ์ธ๊ธฐ
3) ์ปดํฌ๋ํธ์ ๊ด๋ จ๋ props๊ฐ ๋ณ๊ฒฝ ๋ ๋๋ง ์ฌ๋ ๋๋ง๋จ
๐PWA(progressive web app)
-
PWA ์ฅ์
1) ์ค์น ๋ง์ผํ
๋น์ฉ ์ ์
2) ์๋ ๋ก๊ทธ ์ ์ ๋ฐฐ๋ ค
-
PWA์ ์กฐ๊ฑด
1) manifest.json ์์ด์ผ ํจ
2) service-worker.js ์์ด์ผ ํจ
3) html, css, js ๋ง์ผ๋ก๋ ์ฑ ๊ตฌํ ๊ฐ๋ฅ
4) ํธ์ ์๋ฆผ, ์ผ์ ํจ๊ณผ
๐ฌ์ฐธ๊ณ
- localStorage๋ฌธ๋ฒ 3๊ฐ
1) ์๋ฃ์ ์ฅ: localStorage.setItem
2) ์๋ฃ์ถ๋ ฅ: localStorage.getItem
3) ์๋ฃ์ญ์ : localStorage.removeItem