QA Note튜토리얼
시나리오 목록
01API 500 에러
초급팀 멤버 초대 폼
02CSS 오버플로
초급이커머스 상품 카드
03Unhandled Promise
중급대시보드 분석 차트
04네트워크 타임아웃
중급이슈 목록 검색
05유효성 검사 누락
초급프로필 설정 폼
06무한 리렌더링
고급실시간 알림 패널
07CORS 에러
중급결제 주소 자동완성
08z-index 충돌
중급모달 내 DatePicker
09CLS 레이아웃 시프트
고급뉴스 아티클
10접근성 위반
고급멀티스텝 회원가입
02CSS 오버플로 — 상품 카드 그리드
2/10
1

상품 카드 그리드를 살펴보세요

9개 상품 카드 중 문제가 있는 카드를 찾아보세요.

깨진 카드를 확인하세요

문제 카드를 클릭해보세요

익스텐션으로 캡처하세요

캡처되는 데이터
  • • Element Styles: overflow visible, text-overflow 미설정
  • • React Tree: ProductCard props (name, price, image)
  • • User Actions: 카드 클릭 이벤트
S
ShopMate

인기 상품

총 9개의 상품

장바구니 (0)
🎧
4.5

프리미엄 무선 이어폰

₩89,000
🔌
4.8

USB-C 고속 충전기 (65W)

₩35,000
💻
4.2

미니멀 노트북 스탠드

₩45,000
⌨️
4

에르고노믹 키보드 패드

₩22,000
🖥️
4.7

초경량 프리미엄 알루미늄 합금 노트북 거치대 — 높이 조절형 & 각도 조절 가능한 인체공학 디자인 (스페이스 그레이 에디션)

₩128,000
💡
4.3

LED 데스크 램프

₩55,000
🖱️
3.9

마우스 번지

₩18,000
📷
4.6

고해상도 웹캠 (1080p)

₩75,000
📎
4.1

데스크 오거나이저 세트

₩32,000
이전다음 시나리오