๐Ÿ– ์™์™ ๋“ค์–ด์˜ค๋Š” ํ•จ์ˆ˜ํ˜• ์ฝ”๋”ฉ - ์‹ฌํ”Œํ•œ ์ฝ”๋“œ๋กœ ๋ณต์žกํ•œ ์†Œํ”„ํŠธ์›จ์–ด ๊ธธ๋“ค์ด๊ธฐ

์ด ๊ธ€์€ ์™์™ ๋“ค์–ด์˜ค๋Š” ํ•จ์ˆ˜ํ˜• ์ฝ”๋”ฉ - ์‹ฌํ”Œํ•œ ์ฝ”๋“œ๋กœ ๋ณต์žกํ•œ ์†Œํ”„ํŠธ์›จ์–ด ๊ธธ๋“ค์ด๊ธฐ๋ฅผ ์ฝ๊ณ  ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ํ•จ์ˆ˜ํ˜•๋„ ํ•จ์ˆ˜ํ˜•์ด์ง€๋งŒ, ์ด ์ฑ…์„ ํ†ตํ•ด ์ข€๋” ๊น”๋”ํ•˜๊ณ  ์ง๊ด€์ ์ธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ž€ ํŒ€์›๋“ค์˜ ์˜๊ฒฌ์„ ํ† ๋Œ€๋กœ ์ด๋ฒˆ ์Šคํ„ฐ๋”” ์„œ์ ์œผ๋กœ ์„ ์ •ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

Chap 1. ์™์™ ๋“ค์–ด์˜ค๋Š” ํ•จ์ˆ˜ํ˜• ์ฝ”๋”ฉ์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค.

ํ•จ์ˆ˜ํ˜• ์‚ฌ๊ณ ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๊ทธ๋ฆฌ๊ณ  ์™œ ํ•จ์ˆ˜ํ˜• ์‚ฌ๊ณ ๊ฐ€ ๋” ์ข‹์€ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋งŒ๋“œ๋ ค๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋„์›€์ด ๋˜๋Š”์ง€ ์„ค๋ช…ํ•œ๋‹ค.

ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€?

  • ์ˆ˜ํ•™ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ํŠน์ง•์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„
  • ๋ถ€์ˆ˜ ํšจ๊ณผ ์—†์ด ์ˆœ์ˆ˜ ํ•จ์ˆ˜๋งŒ ์‚ฌ์šฉํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์Šคํƒ€์ผ

๋ถ€์ˆ˜ ํšจ๊ณผ

  • ํ•จ์ˆ˜๊ฐ€ ๋ฆฌํ„ด๊ฐ’ ์ด์™ธ์— ํ•˜๋Š” ๋ชจ๋“  ์ผ
  • ๋ฆฌํ„ด๊ฐ’์ด ํ•„์š”ํ•ด์„œ ํ˜ธ์ถœํ–ˆ์ง€๋งŒ ์˜๋„ํ•˜์ง€ ์•Š๊ฒŒ ๋ถ€์ˆ˜ํšจ๊ณผ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ex) ์ด๋ฉ”์ผ ๋ณด๋‚ด๊ธฐ, ํŒŒ์ผ ์ฝ๊ธฐ, ์›น ์š”์ฒญํ•˜๊ธฐ ๋“ฑ

์ˆœ์ˆ˜ ํ•จ์ˆ˜

  • ์ธ์ž์—๋งŒ ์˜์กดํ•˜๊ณ  ๋ถ€์ˆ˜ ํšจ๊ณผ๊ฐ€ ์—†๋Š” ํ•จ์ˆ˜
  • ๊ฐ™์€ ์ธ์ž๋ฅผ ๋„ฃ์œผ๋ฉด ํ•ญ์ƒ ๊ฐ™์€ ๊ฒฐ๊ณผ๋ฅผ ๋Œ๋ ค์ค€๋‹ค.

์ •์˜์— ๋”ฐ๋ฅด๋ฉด ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋จธ๋Š” ํ•ญ์ƒ ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ํ”ผํ•˜๊ณ  ์ˆœ์ˆ˜ ํ•จ์ˆ˜๋งŒ ์‚ฌ์šฉํ•ด์•ผํ•  ๊ฒƒ ๊ฐ™์ง€๋งŒ, ์‹ค์ œ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋จธ๋Š” ๋ถ€์ˆ˜ ํšจ๊ณผ์™€ ์ˆœ์ˆ˜ํ•˜์ง€ ์•Š์€ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

์‹ค์šฉ์ฃผ์˜์ž๊ฐ€ ๋ฐ”๋ผ๋ณธ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ •์˜์˜ ๋ฌธ์ œ์ 

ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ์ •์˜๋Š” ํ•™๋ฌธ์ ์œผ๋กœ ๊ฐ€์น˜๊ฐ€ ์žˆ์œผ๋‚˜, ์‹ค์ œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•˜๋Š” ๋ฐ์— ์žˆ์–ด์„œ ํฐ ๋„์›€์ด ๋˜์ง€ ์•Š๋Š”๋‹ค.

๋ฌธ์ œ 1. ๋ถ€์ˆ˜ ํšจ๊ณผ๋Š” ํ•„์š”ํ•˜๋‹ค!

์ •์˜์—๋Š” ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ์™„์ „ํžˆ ์“ฐ์ง€ ๋ง๋ผ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋˜์–ด ์žˆ์ง€๋งŒ ํ•„์š”ํ•  ๋•Œ๋Š” ์จ์•ผ ํ•œ๋‹ค.(๋‚ด ์ƒ๊ฐ: react์˜ useEffect๋„ ํ•„์š”ํ•˜๋‹ค!)

๋ฌธ์ œ 2. ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ์ž˜ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋‹ค.

์ˆœ์ˆ˜ํ•˜์ง€ ์•Š์Œ ํ•จ์ˆ˜๋ฅผ ์ž˜ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ˆ ๋“ค์ด ๋งŽ์ด ์กด์žฌํ•œ๋‹ค.

๋ฌธ์ œ 3. ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ์‹ค์šฉ์ ์ด๋‹ค.

์ •์˜๋งŒ ๋ณด๋ฉด ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ์ˆ˜ํ•™์ ์ด๋ผ ์‹ค์ œ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์—์„œ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง€์ง€๋งŒ, ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์œผ๋กœ ์ž˜ ๋งŒ๋“ค์–ด์ง„ ์ข‹์€ ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ๋งŽ์ด ์žˆ๋‹ค.

ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๊ธฐ์ˆ ๊ณผ ๊ฐœ๋…์œผ๋กœ ๋ณด๊ธฐ

ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ์ค‘์š”ํ•œ ๊ฐœ๋…์€ ๊ฐ์ฒด์ง€ํ–ฅ, ์ ˆ์ฐจ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๊ฐ€๋ฆฌ์ง€ ์•Š๊ณ  ๋ชจ๋“  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ์ฝ”๋“œ ์–ด๋Š ๊ณณ์—์„œ๋‚˜ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์œ ์ตํ•œ ๊ฐœ๋…์ด๋‹ค.

์•ก์…˜๊ณผ ๊ณ„์‚ฐ, ๋ฐ์ดํ„ฐ ๊ตฌ๋ถ„ํ•˜๊ธฐ

ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ์‹œ์ž‘์€ ๋ชจ๋“  ์ฝ”๋“œ๋ฅผ ์•ก์…˜๊ณผ ๊ณ„์‚ฐ, ๋ฐ์ดํ„ฐ๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด๋‹ค.

์•ก์…˜

  • ํ˜ธ์ถœํ•˜๋Š” ํšŸ์ˆ˜๋‚˜ ์‹œ์ ์— ์˜ํ–ฅ์„ ๋ฐ›๋Š” ํ•จ์ˆ˜(ํšŸ์ˆ˜๋‚˜ ์‹œ์ ์ด ์ค‘์š”ํ•œ ํ•จ์ˆ˜)
  • ๊ทธ๋Ÿฌ๋ฏ€๋กœ ํ˜ธ์ถœ ์‹œ ์กฐ์‹ฌํ•ด์•ผ ํ•œ๋‹ค.
  • ๋‹ค๋ฅธ ์ฝ”๋“œ๋‚˜ ์†Œํ”„ํŠธ์›จ์–ด ์™ธ๋ถ€์— ์˜ํ–ฅ์„ ์ค„ ์ˆ˜ ์žˆ๋‹ค.

๊ณ„์‚ฐ

  • ํ˜ธ์ถœํ•˜๋Š” ํšŸ์ˆ˜๋‚˜ ์‹œ์ ์ด ์ค‘์š”ํ•˜์ง€ ์•Š์€ ํ•จ์ˆ˜
  • ์ž…๋ ฅ๊ฐ’์ด ๊ฐ™์œผ๋ฉด ์ถœ๋ ฅ๊ฐ’๋„ ๊ฐ™๋‹ค.
  • ์‹คํ–‰ํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ• ์ง€ ์•Œ ์ˆ˜ ์—†๋‹ค.
  • ์–ธ์ œ, ์–ด๋””์„œ ๊ณ„์‚ฐํ•ด๋„ ๊ฒฐ๊ณผ๋Š” ๊ฐ™๊ณ  ์™ธ๋ถ€์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๋Š”๋‹ค.(์–ธ์ œ๋“ ์ง€ ๋ช‡ ๋ฒˆ์„ ๋ถˆ๋Ÿฌ๋„ ์•ˆ์ „ํ•˜๋‹ค.)
  • ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์‰ฝ๋‹ค.
  • ์•ก์…˜๋ณด๋‹ค ๋‹ค๋ฃจ๊ธฐ ์‰ฝ๋‹ค.

๋ฐ์ดํ„ฐ

  • ํ˜ธ์ถœํ•˜๋Š” ํšŸ์ˆ˜๋‚˜ ์‹œ์ ์ด ์ค‘์š”ํ•˜์ง€ ์•Š๋‹ค.
  • ์ •์ ์ด๊ณ  ๋ณด์ด๋Š” ๊ทธ๋Œ€๋กœ์˜ ๊ฐ’์„ ๊ฐ–๋Š”๋‹ค.(์ด๋ฒคํŠธ์— ๋Œ€ํ•ด ๊ธฐ๋กํ•œ ์‚ฌ์‹ค์ด๋‹ค.)
  • ๊ฐ™์€ ๋ฐ์ดํ„ฐ๋ฅผ ์—ฌ๋Ÿฌ ํ˜•ํƒœ๋กœ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ๊ณ„์‚ฐ๋ณด๋‹ค๋„ ๋‹ค๋ฃจ๊ธฐ ์‰ฝ๋‹ค.

์•ก์…˜, ๊ณ„์‚ฐ, ๋ฐ์ดํ„ฐ๋ฅผ ๊ตฌ๋ถ„ํ–ˆ์„ ๋•Œ์˜ ์žฅ์ ?

  • ๊ณ„์‚ฐ๊ณผ ๋ฐ์ดํ„ฐ๋Š” ์‹คํ–‰ ์‹œ์ ์ด๋‚˜ ํšŸ์ˆ˜์— ์˜์กดํ•˜์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋Ÿฌ๋ฏ€๋กœ ์ฝ”๋“œ๋ฅผ ๊ณ„์‚ฐ๊ณผ ๋ฐ์ดํ„ฐ๋กœ ๋ฐ”๊ฟ€์ˆ˜๋ก ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ณต์žกํ•œ ๋ฌธ์ œ๋ฅผ ๋” ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์•ก์…˜์€ ์‹คํ–‰ ์‹œ์ ๊ณผ ํšŸ์ˆ˜์— ์˜์กดํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ฌธ์ œ๊ฐ€ ๋˜์ง€๋งŒ, ์ฝ”๋“œ ์ „์ฒด์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๋„๋ก ๊ฒฉ๋ฆฌ์‹œํ‚ค๋ฉด ๋œ๋‹ค. ์•ก์…˜์„ ๊ณ„์‚ฐ์œผ๋กœ ์˜ฎ๊ธฐ๋ฉด ๋‹ค๋ฃจ๊ธฐ ์‰ฌ์›Œ์ง„๋‹ค. ๋˜ํ•œ, ์•ก์…˜์„ ์•ˆ์ „ํ•˜๊ฒŒ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋Š” ๋งŽ์€ ๊ธฐ์ˆ ๋“ค์ด ์žˆ๋‹ค.

ํ•จ์ˆ˜ํ˜• ์‚ฌ๊ณ ๋ž€?

ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์†Œํ”„ํŠธ์›จ์–ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ์ˆ ๊ณผ ์ƒ๊ฐ

1. ์•ก์…˜๊ณผ ๊ณ„์‚ฐ, ๋ฐ์ดํ„ฐ๋ฅผ ๊ตฌ๋ถ„ํ•ด์„œ ์ƒ๊ฐํ•˜๊ธฐ

์ฝ”๋“œ๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ณ  ์•ก์…˜์„ ๊ณ„์‚ฐ์œผ๋กœ ๋ฆฌํŒฉํ† ๋งํ•˜๊ณ  ๋‚˜๋จธ์ง€ ์•ก์…˜์„ ๋” ์‰ฝ๊ฒŒ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„์•ผ ํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋ ‡๊ฒŒ ๋ถ„๋ฅ˜ํ•œ ์ฝ”๋“œ๊ฐ€ ์„ค๊ณ„ ๊ด€์ ์—์„œ ์™œ ์œ ์ง€๋ณด์ˆ˜์™€ ํ…Œ์ŠคํŠธ๊ฐ€ ์‰ฝ๊ณ  ์žฌ์‚ฌ์šฉ์„ฑ์ด ์ข‹์€์ง€ ์•Œ ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.

2. ์ผ๊ธ‰ ์ถ”์ƒ์˜ ๊ฐœ๋… ์•Œ๊ธฐ

๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ์žฌ์‚ฌ์šฉ์„ ์œ„ํ•ด ์กฐ๊ธˆ ๋” ์ผ๋ฐ˜์ ์ธ ํ•จ์ˆ˜ ์ด๋ฆ„์„ ์ง“๊ธฐ ์œ„ํ•ด ๊ณ ๋ฏผํ•œ๋‹ค. ํ•จ์ˆ˜ํ˜•๋„ ๊ทธ๋ ‡์ง€๋งŒ, ํ•จ์ˆ˜ํ˜•์€ ํ•จ์ˆ˜์— ํ•จ์ˆ˜๋ฅผ ๋„˜๊ฒจ ๋” ๋งŽ์€ ํ•จ์ˆ˜๋ฅผ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.