실제 웹 앱에서 발생하는 대표적인 버그 10가지를 직접 재현하고, QA Note 익스텐션으로 캡처하는 방법을 배워보세요.
팀 멤버 초대 폼
서버 오류 응답을 캡처하고 네트워크 탭에서 확인하는 법을 배웁니다.
이커머스 상품 카드
CSS 레이아웃 문제를 요소 스타일 캡처로 진단하는 법을 배웁니다.
대시보드 분석 차트
API 200이지만 실제론 실패하는 케이스를 JS 에러 캡처로 잡는 법을 배웁니다.
이슈 목록 검색
타임아웃 에러와 성능 메트릭을 캡처하는 법을 배웁니다.
프로필 설정 폼
에러 없는 버그를 사용자 액션과 React state로 증명하는 법을 배웁니다.
실시간 알림 패널
React 무한 루프를 성능 메트릭과 에러 캡처로 진단하는 법을 배웁니다.
결제 주소 자동완성
CORS 에러를 네트워크+콘솔+JS 에러 동시 캡처로 잡는 법을 배웁니다.
모달 내 DatePicker
z-index 레이어 충돌을 요소 스타일 비교로 진단하는 법을 배웁니다.
뉴스 아티클
이미지 레이아웃 시프트를 Web Vitals 캡처로 측정하는 법을 배웁니다.
멀티스텝 회원가입
키보드 접근성 위반을 User Actions 분석으로 발견하는 법을 배웁니다.