λͺ©μ°¨
0. μ©μ΄ μ 리
1. ν¨μν νλ‘κ·Έλλ°μ΄λ?
2. μ€μ©μ μΈ‘λ©΄μμ νλ‘κ·Έλλ° μ μ λ¬Έμ μ
3. μ‘μ κ³Ό κ³μ°, λ°μ΄ν° ꡬλΆνκΈ°
λΆμ ν¨κ³Ό(Side Effect)
λ³Έλμ λͺ©μ κ³Όλ λ€λ₯Έ λΆμμ©(or ν¨κ³Ό).
μ΄ μ±
μμλ ν¨μμμ κ²°κ³Όκ°μ μ£Όλ κ² μΈμ λͺ¨λ νλμ λΆμ ν¨κ³ΌλΌ ννν©λλ€.
ex) μ΄λ©μΌ 보λ΄κΈ°, νμΌ μ½κΈ°
μμ ν¨μ
λΆμ ν¨κ³Ό μμ΄ κ²°κ³Ό κ°μ΄ μΈμμλ§ μμ‘΄νλ ν¨μμ
λλ€.
λ¬Έμ 1. λΆμ ν¨κ³Όλ νμν©λλ€.
μ μμ λ°λ₯΄λ©΄ ν¨μν νλ‘κ·Έλλ°μ λΆμ ν¨κ³Όλ₯Ό λ§λ€μ΄λ΄λ©΄ μλμ§λ§, λΆμ ν¨κ³Όλ μννΈμ¨μ΄λ₯Ό μ€ννλ μ΄μ μ
λλ€.
ex) μ΄λ©μΌ μ μ‘ νλ‘κ·Έλ¨ > μ΄λ©μΌ μ μ‘νκΈ° ν¨μ
λ¬Έμ 2. ν¨μν νλ‘κ·Έλλ°μ λΆμ ν¨κ³Όλ₯Ό μ λ€λ£° μ μμ΅λλ€.
ν¨μν νλ‘κ·Έλλ¨Έλ μμνμ§ μμ ν¨μλ μ¬μ©νλ©°, μ΄λ¬ν ν¨μλ€μ μ λ€λ£° μ« μλ κΈ°μ μ΄ λ§μ΄ μμ΅λλ€.
ex) React νλ μ μν¬ > useEffect
λ¬Έμ 3. ν¨μν νλ‘κ·Έλλ°μ μ€μ©μ μ λλ€.
μ μμμλ ν¨μν νλ‘κ·Έλλ°μ΄ μνμ μ΄λΌ μ€μ λ‘ μ μ¬μ©λμ§ μμ κ² μ²λΌ λκ»΄μ§μ§λ§, ν¨μν νλ‘κ·Έλλ° μννΈμ¨μ΄λ λ§μ΄ μμ΅λλ€.
ν¨μν νλ‘κ·Έλλ¨Έλ€μ ν¨μν νλ‘κ·Έλλ°μ κ°λ°ν λ μ½λλ₯Ό 3κ°μ§λ‘ λΆλ₯ν©λλ€.
κ³μ°(calculation)
κ³μ°μ μ
λ ₯κ°μΌλ‘ μΆλ ₯κ°μ λ§λλ κ² μ
λλ€.
κ°μ μ
λ ₯κ°μ κ°μ§κ³ κ³μ°νλ©΄ νμ κ°μ κ²°κ³Όκ°μ΄ λμ΅λλ€.
λ°μ΄ν°(data)
μ΄λ²€νΈμ λν΄ κΈ°λ‘ν μ¬μ€μ
λλ€. μ€ννμ§ μμλ λ°μ΄ν° μμ²΄λ‘ μλ―Έκ° μμΌλ©°, κ°μ λ°μ΄ν°λ₯Ό μ¬λ¬ ννλ‘λ ν΄μμ΄ κ°λ₯ν©λλ€.
μ΄μ κ°μ΄ 3κ°μ§λ‘ λΆλ₯νλ©΄ λΆμ° μμ€ν μ μ μ΄μΈλ¦½λλ€.
λ°μ΄ν°μ κ³μ°μ μ€ν μμ μ΄λ νμμ μμ‘΄μ μ΄μ§ μμ΅λλ€. μ½λλ₯Ό λ°μ΄ν°μ κ³μ°μΌλ‘ λ°κΏμλ‘ λΆμ° μμ€ν μμ λ°μνλ μ¬λ¬κ°μ§ λ¬Έμ λ₯Ό ν΄κ²° ν μ μμ΅λλ€.
μ‘μ μ μ€ν μμ κ³Ό νμμ μμ‘΄μ μ΄λΌμ λ¬Έμ κ° λ μ μμ§λ§, μ½λ μ 체μ μν₯μ μ£Όμ§ μλλ‘ λ―Έλ¦¬ λΆλ¦¬νμ¬ μ£Όμ΄ λΆμ° μμ€ν μ μ ν©νκ² μ€κ³κ° κ°λ₯ν©λλ€.