TIL

[TIL] 20210709

lado 2021. 7. 10. 00:00

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

  • [React] state ๊ฐœ๋…๊ณผ useState()
  • [React] ์ด๋ฒคํŠธ ๊ฐœ๋…
  • [JavaScript] ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น

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

  • [React] props, state ๊ฐœ๋…๊ณผ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ •๋ฆฌ(ํด๋ž˜์Šคํ˜•, ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋ณ„)
  • [React] virtual DOM ๊ฐœ๋… ํ•™์Šต

๐ŸŽ‡ Reflection

  • ์ž์†Œ์„œ๋ฅผ ์“ฐ๋А๋ผ ๊ณต๋ถ€๋ฅผ ๋ชปํ–ˆ๋‹ค.
  • ์ •์‹ ๋ ฅ์œผ๋กœ ์กธ์Œ์„ ์ฐธ์•„๋‚ด๊ณ  ์ƒํ™œ์ฝ”๋”ฉ ์ฑ…์„ ๋‹ค ๋ด๋ณด๋ ค๊ณ  ํ–ˆ์ง€๋งŒ ์‹คํŒจํ–ˆ๋‹ค.
  • React๋„ ์ง„๋„๊ฐ€ ์ •๋ง ๋น ๋ฅด๊ฒŒ ๋‚˜๊ฐ„๋‹ค. ์ˆ˜์—…์„ ์ดํ•ดํ•˜๋ ค๋ฉด ์ฑ…์„ ๋‹ค ์ฝ๊ณ  ๋“ค์–ด์•ผ ํ•  ํŒ์ด๋‹ค. ์กฐ๊ธˆ๋งŒ ๋ฐฉ์‹ฌํ•ด๋„ ๊นŒ๋งŒ ๊ฒƒ์€ ๋น„์ฅฌ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ์š”, ์˜ค์ƒ‰์ฐฌ๋ž€ํ•œ ๊ฒƒ์€ ์ฝ”๋“œ์š”. <- ์ด๋Ÿฐ ์ •์‹  ์ƒํƒœ๊ฐ€ ๋œ๋‹ค.
  • ๊ฐ‘์ž๊ธฐ const [user, setUser] = useState("") ์™€ ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ ์„ค๋ช…๋„ ์—†์ด ๋•Œ๋ ค๋ฒ„๋ฆฌ๋‹ˆ๊นŒ ์ •์‹ ์ด ํ˜ผ๋ฏธํ•ด์งˆ๋ป” ํ–ˆ๋Š”๋ฐ ๋ชจ๋“ˆ ์ •์˜ ํŒŒ์ผ? ๋ณด๊ณ  ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋๋‹ค.
  • ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น ๋ณผ ๋•Œ๋งˆ๋‹ค ์ดํ•ด๊ฐ€ ์•ˆ๋๋Š”๋ฐ ๋‹ค๋‰ด์—˜๋‹˜์˜ velog ํฌ์ŠคํŒ…์„ ๋ณด๋‹ˆ๊นŒ ๋Œ€์ถฉ ์ดํ•ด๊ฐ€ ๊ฐ”๋‹ค.
  • ๋ฆฌ์•กํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ธฐ์ˆ  ์ฑ…์„ ๋Œ€์ถฉ ๋ณด๊ธด ํ–ˆ์ง€๋งŒ state๊ฐ€ ์–ด๋–ค ๊ฐœ๋…์ธ์ง€ ์„ค๋ช…๋„ ์•ˆํ•˜๊ณ  ๊ทธ๋ƒฅ ๊ตฌํ˜„๋ถ€ํ„ฐ ํ•˜๋Š” ๊ฒƒ ๊ฐ™์•„์„œ ๋‹นํ™ฉ์Šค๋Ÿฌ์› ๋‹ค. ๊ทธ๋‹ˆ๊นŒ state๋Š” ์ง„์งœ ๋„ˆ๋ฌด ์ค‘์š”ํ•œ ๊ฐœ๋…์ด๋ผ๊ณ  ํ•ด๋†“๊ณ  ์ •์ž‘ ๋ญ”์ง€๋Š” ์•ˆ ์•Œ๋ ค์ค€ ๋А๋‚Œ?
  • ์šฐ์„  ์ƒํ™œ์ฝ”๋”ฉ์œผ๋กœ ๊ฐœ๋…์„ ํŒŒ์•…ํ•˜๊ณ  ๋ฆฌ์•กํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ธฐ์ˆ ์„ ๋ณด๋Š” ๊ฒŒ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

'TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[TIL] 20210711  (0) 2021.07.12
[TIL] 20210710  (2) 2021.07.11
[TIL] 20210708  (2) 2021.07.08
[TIL] 20210707  (0) 2021.07.08
[TIL] 20210706  (2) 2021.07.07