개발하다 막혔던 순간부터 해결하며 배운 내용까지, 차근차근 편안하게 풀어갑니다.
z-index stacking context 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
container query 설계 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
100vh 모바일 잘림: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
브라우저 호환 fallback: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
CSS / 브라우저 호환 fallback: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
flex 자식 overflow: 대응 전에 확인할 조건과 최소 수정 범위, 정상화 여부를 판단하는 기준을 정리합니다.
CSS / 100vh 모바일 잘림: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / 웹폰트 CLS: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / 대형 box-shadow 페인트 비용: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / 인쇄 스타일: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
margin collapse 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
스크롤바 레이아웃 이동: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
웹폰트 CLS 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
대형 box-shadow 페인트 비용 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
인쇄 스타일: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
CSS / 스크롤바 레이아웃 이동: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.