๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
JavaScript/React

Custom-Hook

by ์ฝ”๋”ฉํ•˜๋Š” ๋ถ•์–ด 2021. 11. 16.
๋ฐ˜์‘ํ˜•
  • Custom-Hook์€ ์‚ฌ์šฉ์ž ์ •์˜ Hook์ด๋ผ๋Š” ๋œป์ด๋‹ค.
  • ์‚ฌ์šฉ์ž ์ •์˜ Hook์€ ๋‹ค๋ฅธ hook์„ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์‚ฌ์šฉ์ž ์ •์˜ Hook์€ ํŠน์ •ํ•œ ์‹œ๊ทธ๋‹ˆ์ฒ˜๊ฐ€ ํ•„์š” ์—†๋‹ค. ๋ฌด์—‡์„ ์ธ์ˆ˜๋กœ ๋ฐ›์•„์•ผ ํ•˜๋ฉฐ ํ•„์š”ํ•˜๋‹ค๋ฉด ๋ฌด์—‡์„ ๋ฐ˜ํ™˜ํ•ด์•ผ ํ•˜๋Š” ์ง€๋ฅผ ์‚ฌ์šฉ์ž๊ฐ€ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์‚ฌ์šฉ์ž ์ •์˜ Hook์˜ ์ด๋ฆ„์€ “use”๋กœ ์‹œ์ž‘๋˜์–ด์•ผ ํ•œ๋‹ค. (๊ด€์Šต)
  • ์‚ฌ์šฉ์ž ์ •์˜ Hook์€ ์ด์ „ React ์ปดํฌ๋„ŒํŠธ์—์„œ๋Š” ๋ถˆ๊ฐ€๋Šฅํ–ˆ๋˜ ๋กœ์ง ๊ณต์œ ์˜ ์œ ์—ฐ์„ฑ์„ ์ œ๊ณตํ•œ๋‹ค.

 

 

์ฐธ๊ณ  ์‚ฌ์ดํŠธ ๐Ÿ‘‰๐Ÿป ์ž์‹ ๋งŒ์˜ Hook ๋งŒ๋“ค๊ธฐ

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€