STATE

    [ReactJS] Hook & State & Props

    Hook์ด๋ž€? Hook์€ ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์—ˆ๋˜ ์ƒํƒœ ๊ด€๋ฆฌ์™€ ๋ผ์ดํ”„ ์‚ฌ์ดํด ๊ด€๋ฆฌ ๊ธฐ๋Šฅ์„ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์—ฐ๋™ํ•ด์ฃผ๋Š” ํ•จ์ˆ˜๋ฅผ ์˜๋ฏธํ•œ๋‹ค. ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด ๋‘” ํ•จ์ˆ˜๋ฅผ ๊ฐ€์ ธ์™€์„œ ์‚ฌ์šฉ์„ ํ•ด ์ฃผ๋Š” ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์— Hook์ด๋ผ๋Š” ์ด๋ฆ„์„ ์‚ฌ์šฉํ•œ๋‹ค. Hook์˜ ๋ชจ์Œ์„ Hooks๋ผ ํ•œ๋‹ค. Hook์˜ ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ ๊ธฐ์กด์—” ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ๋งŒ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ƒ์„ฑํ•˜์˜€๋Š”๋ฐ, ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์˜ ์žฅ์ ์œผ๋กœ ์ธํ•ด ์ด๋ฅผ ์‚ฌ์šฉํ•˜๊ณ ์ž ํ•˜๋Š” ๋‹ˆ์ฆˆ๊ฐ€ ์ ์  ๋งŽ์•„์ง€๊ฒŒ ๋˜์—ˆ๋‹ค. ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์˜ ์žฅ์  : ์„ ์–ธํ•˜๊ธฐ ํŽธ๋ฆฌํ•จ, ์ง๊ด€์ , ๋ฉ”๋ชจ๋ฆฌ ์ž์›์„ ๋œ ์‚ฌ์šฉํ•จ ์ด๋กœ ์ธํ•ด ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ์—์„œ๋งŒ ๊ฐ€๋Šฅํ–ˆ๋˜ ๊ธฐ๋Šฅ์„ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ์‚ฌ์šฉํ•˜๊ณ ์ž Hook์ด ๋“ฑ์žฅํ•˜์˜€๋‹ค. Hook์˜ ํŠน์ง• ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ์—์„œ๋งŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค. Hook์˜ ์ด๋ฆ„..