πŸŽ„ μ„±μž₯일지 3.0

μ±… ν–‰λ³΅ν•œ 이기주의자(웨인 닀이어)의 λ‚΄μš©μ— μžκ·Ήλ°›μ•„ μ‹œμž‘ν•˜λŠ” μ†Œλ°•ν•œ μ„±μž₯기둝

μ‚΄μ•„μžˆλŠ” 꽃과 죽은 꽃은 μ–΄λ–»κ²Œ κ΅¬λ³„ν•˜λŠ”κ°€?
μ„±μž₯ν•˜κ³  μžˆλŠ” 것이 μ‚΄μ•„ μžˆλŠ” 것이닀.
생λͺ…μ˜ μœ μΌν•œ μ¦κ±°λŠ” μ„±μž₯이닀!

🌳 ν‚€μ›Œλ“œ (1.0)
μ΅œλŒ€ν•œ κ°„λ‹¨ν•˜κ²Œ 정리, 좔후에 λ³΄λ©΄μ„œ 슀슀둜 μ„€λͺ…
πŸ‰ κ²½ν—˜ μœ„μ£Όλ‘œ (2.0)
λ‹¨μˆœ 정보λ₯Ό μ „λ‹¬ν•˜κΈ°λ³΄λ‹€ 무엇을 λ°°μ› κ³  μ–΄λ–»κ²Œ ν•΄κ²°ν–ˆλŠ”μ§€ 짧고 κ°„λ‹¨ν•˜κ²Œ μž‘μ„±
❄️ 정해진 ν…œν”Œλ¦Ώμ— λ§žμΆ°μ„œ (3.0)
ν‚€μ›Œλ“œ, κ²½ν—˜ λͺ¨λ‘ μ’‹λ‹€. λ‹€λ§Œ 맀일 μž‘μ„±ν•˜κΈ°λ‘œ 마음 λ¨Ήμ€λ§ŒνΌ ν•΅μ‹¬λ§Œ κ°„κ²°ν•˜κ²Œ 정리할 수 있게 ν…œν”Œλ¦Ώμ„ μž‘μ„±

πŸ”‘ 였늘의 ν‚€μ›Œλ“œ

  • λ¦¬μ•‘νŠΈ
    • Context APIλ₯Ό ν†΅ν•œ props drilling 방지
    • useReducer ν™œμš© 심화
  • νƒ€μž…μŠ€ν¬λ¦½νŠΈ
    • 곡변성과 λ°˜κ³΅λ³€μ„±(그리고 이변성, λΆˆλ³€μ„±)
    • μ˜€λ²„λ‘œλ”©(더 κΉ”λ”ν•œ 건 μ˜΅μ…”λ„)

πŸ“ μš”μ•½ 및 ν•˜λ£¨ 간단 회고

Context APIλ₯Ό 톡해 μ „μ—­μ—μ„œ μƒνƒœλ₯Ό κ΄€λ¦¬ν•˜λŠ” 게 νŽΈλ¦¬ν•˜κΈ΄ ν•˜λ‹€. λ¬Όλ‘  μ»΄ν¬λ„ŒνŠΈ κΉŠμ΄κ°€ κΉŠμ§€λŠ” μ•Šμ•„μ„œ 이 μ •λ„κ² μ§€λ§Œ, 훨씬 큰 ν”„λ‘œμ νŠΈμ—μ„œλŠ” 더 빛을 λ°œν•  것이라 μƒκ°ν•œλ‹€. λ˜ν•œ μ €λ²ˆμ— useReducer의 dispatch도 κ²°κ΅­μ—” props둜 μ „λ‹¬ν•΄μ•Όν•˜λ‹€λ³΄λ‹ˆ λ­”κ°€ μ•„μ‰¬μ› λŠ”λ°, Context API에 dispatch도 λ‹΄μ•„μ„œ κ΄€λ¦¬ν•˜λ‹ˆ 훨씬 νŽΈν•œ 것 κ°™λ‹€. λ‹€λ§Œ, μ΄λ ‡κ²Œ μƒνƒœκ°€ λ‹€μ–‘ν•œ κ³³μ—μ„œ μ“°μ΄λ‹€λ³΄λ‹ˆ useEffect, useCallback, useMemo와 같은 ν›…λ“€μ˜ deps μΈμžκ°€ ν—·κ°ˆλ¦΄ λ•Œκ°€ μžˆλ‹€. 이건 계속 μ½”λ“œλ₯Ό μ¨λ³΄λ©΄μ„œ μ—°μŠ΅ν•˜λ„λ‘ ν•˜μž.

νƒ€μž…μŠ€ν¬λ¦½νŠΈμ˜ 곡변성, λ°˜κ³΅λ³€μ„±μ΄ μ²˜μŒμ—” ν—·κ°ˆλ ΈλŠ”λ° μ΄ν•΄ν•˜κ³  λ‚˜λ‹ˆ 은근 쉬웠닀..?! 특히 ν•¨μˆ˜μ˜ λ§€κ°œλ³€μˆ˜κ°€ λ°˜κ³΅λ³€μ„±μ΄λΌλŠ” 점이 μ‰½κ²Œ 이해가 μ•ˆκ°”λŠ”λ° λ‚˜λ§Œμ˜ μ˜ˆμ‹œλ‘œ μƒκ°ν•˜κ³  λ³΄λ‹ˆ λ‹Ήμ—°ν•˜κ²Œ μƒκ°λ˜κ²Œ λ˜μ—ˆλ‹€. κ³΅λΆ€ν• μˆ˜λ‘ μž¬λ―ΈμžˆλŠ” 게 νƒ€μž…μŠ€ν¬λ¦½νŠΈκ°™λ‹€.