# ν…ŒμŠ€νŠΈ 컀버리지(λ²”μœ„)

# ν…ŒμŠ€νŒ…μ˜ λͺ©μ 

  1. μ½”λ“œλ₯Ό λ³€κ²½ν•  λ•Œ λ‘λ €μ›Œν•˜μ§€ μ•ŠκΈ° μœ„ν•΄
  2. μ½”λ“œ ν’ˆμ§ˆ 보μž₯
  3. λ„νλ¨ΌνŠΈλ‘œμ¨μ˜ μ—­ν• 

Confidence to change / Removal of Fear + High Code Quality + Well-documented Code = Developer Happiness

# λ·° μ»΄ν¬λ„ŒνŠΈ ν…ŒμŠ€νŠΈ

λ·° μ»΄ν¬λ„ŒνŠΈ ν…ŒμŠ€νŒ… 지점듀

λ·° μ»΄ν¬λ„ŒνŠΈ ν…ŒμŠ€νŠΈ μ½”λ“œλ₯Ό μž‘μ„±ν•  λ•Œ κ³ λ―Όν•  지점듀은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  • μ»΄ν¬λ„ŒνŠΈμ˜ μž…λ ₯ κ°’ : props, user interaction, lifecycle methods
  • μ»΄ν¬λ„ŒνŠΈμ˜ 좜λ ₯ κ°’ : events, rendered output, connection with children

ν…ŒμŠ€νŠΈ ν•  ν•„μš”κ°€ μ—†λŠ” 지점듀

  • μ»΄ν¬λ„ŒνŠΈμ˜ ꡬ체적인 둜직 (λΉ„μ¦ˆλ‹ˆμŠ€ 둜직)
  • ν”„λ ˆμž„μ›Œν¬ 자체의 κΈ°λŠ₯λ“€ (prop rendering, prop validation λ“±)

# λ·° μ»΄ν¬λ„ŒνŠΈ ν…ŒμŠ€νŒ… 기법

  • Integration ν…ŒμŠ€νŠΈ : νŠΉμ • μ»΄ν¬λ„ŒνŠΈμ— μ’…μ†λœ ν•˜μœ„ μ»΄ν¬λ„ŒνŠΈκΉŒμ§€ λͺ¨λ‘ μ»΄ν¬λ„ŒνŠΈμ˜ ν…ŒμŠ€νŠΈ λ²”μœ„λ‘œ κ°„μ£Ό. mount() API μ‚¬μš©. νŠΉμ • κΈ°λŠ₯의 전체 흐름을 λͺ¨λ‘ ν…ŒμŠ€νŠΈ μΌ€μ΄μŠ€λ‘œ μž‘μ„±.
  • Shallow ν…ŒμŠ€νŠΈ : νŠΉμ • μ»΄ν¬λ„ŒνŠΈμ— λ“±λ‘λœ ν•˜μœ„ μ»΄ν¬λ„ŒνŠΈλŠ” 신경쓰지 μ•Šκ³  ν•΄λ‹Ή μ»΄ν¬λ„ŒνŠΈμ˜ κΈ°λŠ₯만 ν…ŒμŠ€νŠΈ. shallowMount() API μ‚¬μš©. νŠΉμ • κΈ°λŠ₯의 흐름을 잘게 λΆ„ν• ν•΄μ„œ ν…ŒμŠ€νŠΈ μΌ€μ΄μŠ€λ‘œ μž‘μ„±.

# μ°Έκ³  μ‚¬μ΄νŠΈ

κ°€μ΄λ“œ μž‘μ„± ν›„ 링크 제거. μ œκ±°ν•  λ•Œ κ°€μ΄λ“œ 꼼꼼히 확인