#220108 TIL

Kยท2022๋…„ 1์›” 10์ผ
0

๐Ÿ’ปTIL

๋ชฉ๋ก ๋ณด๊ธฐ
4/13

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

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