---
title: 리액트 애플리케이션 테스트 전략
category: Software [[Architecture|Architecture]]
tags: [[Testing|[Testing]], Vitest, RTL, Unit Test, QA]
created: 2026-04-20
---

# [[React_Testing_Strategy|React_Testing_Strategy]] (리액트 테스트 전략)

## 📌 한 줄 통찰 (The Karpathy Summary)
> 테스트는 '내가 짠 코드'를 검사하는 것이 아니라, '사용자가 경험할 가치'가 유지되고 있는지 수학적으로 증명하는 보험이다.

## 📖 구조화된 지식 (Synthesized Content)
- **Unit Testing (단위 테스트)**:
    - `Vitest` 사용. 순수 함수, 비즈니스 로직, 유틸리티 함수가 주어진 입력에 정확한 출력을 내는지 검증한다.
- **Integration Testing (통합 테스트)**:
    - `React Testing Library (RTL)`의 철학: "사용자가 보듯 테스트하라." 버튼을 클릭했을 때 화면이 변하는지, 유저의 인터랙션을 시뮬레이션한다.
- **Mocking (모킹)**:
    - 서버 API 호출(`msw`)이나 무거운 라이브러리를 가짜(Mock)로 대체하여 환경에 구애받지 않는 안정적인 테스트 환경을 구축한다.

## ⚠️ 모순 및 업데이트 (RL Update)
- 테스트 커버리지 100% 집착은 생산성을 갉아먹는다. 비즈니스 핵심 로직과 사용자가 가장 많이 쓰는 '메인 시나리오'부터 견고하게 보호하는 지혜가 필요하다.

## 🔗 지식 연결 (Graph)
- Related: [[System_Debugging_Protocol|System_Debugging_Protocol]] , [[Reliability_Safety_First|Reliability_Safety_First]]
- Tool: [[Modern_Environment_Ecosystem|Modern_Environment_Ecosystem]]
