[P-Reinforce] Substantial Body Content Added to 15-Level React Mastery Wiki

This commit is contained in:
2026-04-20 16:40:43 +09:00
parent 9305a4b664
commit 0b0ad6a97b
15 changed files with 256 additions and 135 deletions
+16 -10
View File
@@ -5,16 +5,22 @@ tags: [Testing, Vitest, RTL, Unit Test, QA]
created: 2026-04-20
---
# 리액트 애플리케이션 테스트 전략
# [[React_Testing_Strategy]] (리액트 테스트 전략)
## 🧪 테스트 피라미드
- **Unit Test**: 개별 유틸리티/함수 검증.
- **Integration Test**: 컴포넌트 간 상호작용 및 UI 흐름 검증.
## 📌 한 줄 통찰 (The Karpathy Summary)
> 테스트는 '내가 짠 코드'를 검사하는 것이 아니라, '사용자가 경험할 가치'가 유지되고 있는지 수학적으로 증명하는 보험이다.
## 🛠️ 도구
- **Vitest**: 고성능 테스트 러너.
- **React Testing Library**: 사용자 중심의 DOM 테스트 지향.
## 📖 구조화된 지식 (Synthesized Content)
- **Unit Testing (단위 테스트)**:
- `Vitest` 사용. 순수 함수, 비즈니스 로직, 유틸리티 함수가 주어진 입력에 정확한 출력을 내는지 검증한다.
- **Integration Testing (통합 테스트)**:
- `React Testing Library (RTL)`의 철학: "사용자가 보듯 테스트하라." 버튼을 클릭했을 때 화면이 변하는지, 유저의 인터랙션을 시뮬레이션한다.
- **Mocking (모킹)**:
- 서버 API 호출(`msw`)이나 무거운 라이브러리를 가짜(Mock)로 대체하여 환경에 구애받지 않는 안정적인 테스트 환경을 구축한다.
## 🔗 연결된 지식
- [[System_Debugging_Protocol]]
- [[Reliability_Safety_First]]
## ⚠️ 모순 및 업데이트 (RL Update)
- 테스트 커버리지 100% 집착은 생산성을 갉아먹는다. 비즈니스 핵심 로직과 사용자가 가장 많이 쓰는 '메인 시나리오'부터 견고하게 보호하는 지혜가 필요하다.
## 🔗 지식 연결 (Graph)
- Related: [[System_Debugging_Protocol]] , [[Reliability_Safety_First]]
- Tool: [[Modern_Environment_Ecosystem]]