트러블슈팅 & 품질 관리 중심

z-index 겹침 문제 → 부모 요소에 position이 없다면 자식 z-index 적용 안 됨

글꼴 안 보이는 오류 → font-display: swap; 설정하여 렌더링 지연 방지

이미지 비율 깨짐 → object-fit: cover; 또는 aspect-ratio 활용

모바일 뷰에서 스크롤 이상 → overflow-x: hidden + viewport 설정 점검

버튼 클릭 안 됨 → z-index, position, pointer-events 확인

스크립트 충돌 → DOMContentLoaded 또는 defer로 로딩 타이밍 조절

CSS 캐싱 문제 → 개발 중엔 파일명에 쿼리스트링 붙이기 style.css?v=3

폼 요소 간격 깨짐 → box-sizing: border-box;으로 통일

구글폰트 느림 → CDN 대신 다운로드해서 직접 호스팅

IE 대응 종료되었는지 확인 → display: grid, var() 등 사용 시 체크 필수