TIL

[TIL] 20210712

lado 2021. 7. 13. 08:27

๐ŸŽฏ ์˜ค๋Š˜ ๊ณต๋ถ€ํ•œ ๊ฒƒ

  • [React] ํ•™์› ์ˆ˜์—… - LifeCylcle API, Hooks
  • [React] velopert ์ธํ”„๋Ÿฐ ๊ฐ•์˜ ์ธํ’‹ ์ƒํƒœ ๊ด€๋ฆฌ๊นŒ์ง€
  • [OOP] ์ƒํ™œ์ฝ”๋”ฉ javascript ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ prototype๊นŒ์ง€

๐Ÿ“š ๋ณด์ถฉํ•ด์•ผ ํ•  ๊ฒƒ

  • [React] ์˜ˆ์•ฝ์–ด function์œผ๋กœ ๋งŒ๋“  ๋ฉ”์†Œ๋“œ๋Š” this๋ฅผ ๋”ฐ๋กœ ๋ฐ”์ธ๋”ฉํ•ด์ค˜์•ผ ํ•˜๊ณ  ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋งŒ๋“  ๋ฉ”์†Œ๋“œ๋Š” this๋ฅผ ๋”ฐ๋กœ ๋ฐ”์ธ๋”ฉ ์•ˆํ•ด์ค˜๋„ ๋œ๋‹ค๋Š”๋ฐ ์™œ ๊ทธ๋Ÿฐ์ง€ ๊ถ๊ธˆํ•˜๋‹ค
  • [React] Hooks ๋ณต์Šต
  • [javascript] ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น ์ดํ•ดํ•˜๊ธฐ

๐ŸŽ‡ Reflection

  • ์ƒํ™œ์ฝ”๋”ฉ react ๊ฐ•์˜ ๋“ค์œผ๋ ค๋‹ค๊ฐ€ ํ™ง๊น€์— ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐ•์˜๋ถ€ํ„ฐ ๋“ฃ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ํด๋ž˜์Šค๋Š” ๋“ค์„ ๋•Œ ์˜ค, ๊ทธ๋ ‡๊ตฌ๋‚˜ ํ•˜๋Š”๋ฐ ๋‹ค์Œ๋‚  ๋‹ค์‹œ ๋ณด๋ฉด ๋˜ ๋ชจ๋ฅด๊ฒ ๋‹ค. react ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋Œ€์„ธ๋ผ๊ณ ๋Š” ํ•˜์ง€๋งŒ ํด๋ž˜์Šค ๋ฌธ๋ฒ• ๋ณผ ๋•Œ๋งˆ๋‹ค ์งœ์ฆ๋‚˜์„œ ์ด ๊ธฐํšŒ์— ๊ฐ์ฒด์ง€ํ–ฅ ๊ณต๋ถ€ํ•  ๊ฒƒ์ด๋‹ค. ๊ทผ๋ฐ ๊ทธ๊ฑฐ ๋ณด๋‹ค๊ฐ€ react lifecycle๊ณผ hooks ๋ณต์Šตํ•˜๊ฒ ๋‹ค๋Š” ๋‹ค์ง์„ ์ง€ํ‚ค์ง€ ๋ชปํ•˜๊ณ  ๊ทธ๋ƒฅ ์žค๋‹ค.
  • ์•„์นจ์— ์ผ์–ด๋‚˜์„œ velopert๋‹˜์˜ ๊ฐ•์˜๋ฅผ ๋“ค์—ˆ๋‹ค. ์˜ˆ์ „์— ์ธํ”„๋Ÿฐ ๊ฐ•์˜๋ฅผ ์‚ฌ๋’€์–ด์„œ ๊ทธ๊ฑธ ๋ดค๋Š”๋ฐ ์œ ํŠœ๋ธŒ์— ์žˆ๋Š” ๊ฐ•์˜๋ž‘ ๊ฑฐ์˜ ๋น„์Šทํ•œ ๋“ฏ ์‹ถ๋‹ค. Lifecycle ๊ฐœ๋…์„ ์ฐธ ์ž˜ ์ •๋ฆฌํ•ด์ฃผ์‹  ๊ฒƒ ๊ฐ™์€๋ฐ ์‹ค์ œ๋กœ ์ตํžˆ๋Š” ๊ฑด ์˜ˆ์ œ ์ฝ”๋“œ ์ข€ ์š”๋ชฉ์กฐ๋ชฉ ๋œฏ์–ด๋ด์•ผ ๊ฐ€๋Šฅํ•  ๊ฒƒ ๊ฐ™๋‹ค.