Files
2nd/01_Archive/2026-04-20/07_React-Testing_Reliability.md

862 B

🛡️ [LEVEL 7] 테스트라는 안전망: 버그 없는 코드를 향하여

1. "내 코드는 완벽해"라는 착각을 버려라

  • 실무자는 자기 코드를 믿지 않는다, 테스트 코드를 믿는다.
  • Unit Test: 함수 하나가 1+1=2를 내뱉는지 확인.
  • Integration Test: 컴포넌트와 컴포넌트가 만나서 잘 돌아가는지 확인.

2. Vitest & React Testing Library (RTL)

  • RTL의 철학: "사용자가 보듯 테스트하라."
  • getByRole('button') 처럼 사용자가 버튼을 찾듯 코드를 짜야 한다.
  • Tip: 내부 구현(State 값 등)이 아니라 화면에 무엇이 나오는가를 테스트하라.

3. TDD(Test Driven Development) 맛보기

  • 테스트를 먼저 쓰고 코드를 짜라.
  • 복잡한 비즈니스 로직일수록 TDD는 당신의 퇴근 시간을 앞당겨준다.