테스트
학습 목표: 함수 테스트, React 사용자 동작 테스트, E2E의 검증 범위를 구분합니다. 선수 지식: JavaScript 함수와 React 이벤트·폼 처리를 먼저 익힙니다. 초급·중급·고급의 목표를 확인하고 현재 공개된 글부터 학습하세요. 빈 단계는 계획을 유지하며 내용을 차례로 보강합니다.
단계별 학습 목표
각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.
초급 목표
테스트의 목적과 기본 구조를 익혀, 작은 함수의 정상 동작과 경계 조건을 검증하고 실패 원인을 읽는 방법을 다룹니다.
학습 주제
- 테스트 구조와 단언
- 경계값과 예외 사례
- 테스트 실행과 실패 해석
중급 목표
사용자 동작과 비동기 흐름을 함께 검증하여, 단위 테스트만으로 놓치기 쉬운 화면과 데이터 연결 문제를 찾는 방법을 다룹니다.
학습 주제
- 컴포넌트 상호작용
- 비동기와 테스트 대역
- 주요 흐름 통합 테스트
고급 목표
제품 위험과 실행 비용을 기준으로 검증 범위를 나누고, 불안정한 테스트를 줄이는 지속적인 품질 관리 설계를 다룹니다.
학습 주제
- 위험 기반 테스트 전략
- 불안정한 테스트 분석
- 검증 파이프라인 설계
단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.
초급 3개
학습 1 / 6 · 필수 학습
Vite 프로젝트에서 Vitest로 테스트 환경 시작하기학습 2 / 6 · 필수 학습
React Testing Library로 클릭·입력 테스트 작성하기학습 3 / 6 · 필수 학습
Playwright 첫 E2E 테스트: 로컬 앱 실행부터 결과 확인까지
이 단계의 학습 글은 준비 중입니다.
중급 2개
학습 4 / 6 · 필수 학습
React 검색 필터 테스트: 교집합·빈 결과·입력 초기화 검증학습 5 / 6 · 필수 학습
TanStack Query 컴포넌트 테스트: QueryClient 격리와 실패·재시도·목록 갱신 검증
이 단계의 학습 글은 준비 중입니다.
고급 1개
학습 6 / 6 · 필수 학습
비동기 테스트 고급: 실패·재시도·경쟁 상태를 결정적으로 검증하기
이 단계의 학습 글은 준비 중입니다.
개념·참고 3개
참고 1 / 3 · 선택 참고
Vitest document is not defined 오류 해결: jsdom 설정 기준참고 2 / 3 · 필수 선수
Jest console.error 테스트: try catch 에러 검증참고 3 / 3 · 선택 참고
Playwright 테스트 실패 해결: locator가 요소를 찾지 못할 때 체크리스트
이 단계의 학습 글은 준비 중입니다.