Daily/Today I Learned

22.06.07_TIL

ํ˜ธ๋ฐ€์ด 2022. 6. 8. 09:15

๐Ÿ“Œ ์ฝ”๋“œ์Šคํ…Œ์ด์ธ ์—์„œ state์™€ props๋ฅผ ํ•™์Šตํ–ˆ๋‹ค. ๋‚ด๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ๊ณผ ๋น„์Šทํ–ˆ์ง€๋งŒ ์˜ˆ์ œ๊ฐ€ ์žˆ์–ด์„œ ์กฐ๊ธˆ ๋” ์ดํ•ด๋ฅผ ํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ํŽ˜์–ดํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ค‘ ํŽ˜์–ด๋ถ„๊ณผ ์‹ค์Šต์„ ์ง„ํ–‰ํ•˜๋ฉฐ ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์šฐ๊ฒŒ ๋˜์—ˆ๋‹ค.!!

 

 

๐Ÿ“— ์˜ค๋Š˜ ํ•™์Šตํ•œ ๋‚ด์šฉ

React

  • State
    • ๋ณ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’
    • ์ปดํฌ๋„ŒํŠธ์˜ ์‚ฌ์šฉ ์ค‘ ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ๋ณ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’
    • useState
      • state๋ฅผ ๋‹ค๋ฃจ๋ฅผ ๋ฐฉ๋ฒ•์ด๋ฉฐ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
      • const [์ €์žฅ ๋ณ€์ˆ˜, ๊ฐฑ์‹  ํ•จ์ˆ˜] = useState(์ดˆ๊ธฐ๊ฐ’);
  • Props
    • ๋ฐ”๊ฟ€ ์ˆ˜ ์—†๋Š” ๊ฐ’. (์†์„ฑ)
    • ํ•จ๋ถ€๋กœ ๋ณ€๊ฒฝ๋  ์ˆ˜ ์—†๋Š” ์ฝ๊ธฐ์ „์šฉ ๋ฐ์ดํ„ฐ
    • ์™ธ๋ถ€๋กœ ๋ถ€ํ„ฐ ์ „๋‹ฌ ๋ฐ›์€ ๊ฐ’
    • ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ๋กœ๋ถ€ํ„ฐ ์ „๋‹ฌ๋ฐ›์€ ๊ฐ’
    • ํ™”๋ฉด์— ์–ด๋–ป๊ฒŒ ํ‘œ์‹œ๋˜๋Š”์ง€๋ฅผ ๊ธฐ์ˆ ํ•˜๋Š” React Element๋ฅผ ๋ฐ˜ํ™˜
    • ์ตœ์ดˆ ๋ Œ๋”๋ง์˜ ์ดˆ๊ธฐ๊ฐ’ ์„ค์ •
    • ๊ฐ์ฒด ํƒ€์ž… ๋ฐ˜ํ™˜

 

 

๐Ÿ“˜ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

React

  • useEffect
  • useMemo
  • Hook

 

 

๐Ÿ“ ์˜ค๋Š˜ ๋Š๋‚€ ์  & ๋งˆ์Œ ๊ฐ€์ง

  • ํŽ˜์–ด๋ถ„๊ณผ ํ™œ๋™ํ•˜๋ฉด์„œ ๋‚ด๊ฐ€ ๋ถ€์กฑํ•˜๋‹ค๋Š” ์‚ฌ์‹ค์„ ์•Œ์•˜๋‹ค. ์ž๋งŒํ•˜์ง€ ๋ง๊ณ  ๊พธ์ค€ํžˆ ์„ฑ์žฅ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•™์Šต์„ ๋ฉˆ์ถ”์ง€ ๋ง์ž!!

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.06.09_TIL  (0) 2022.06.09
22.06.08_TIL  (0) 2022.06.09
22.06.04_TIL  (0) 2022.06.04
22.06.03_TIL  (0) 2022.06.03
22.06.02_TIL  (0) 2022.06.01