오늘의 추천
개발하다 막혔던 순간부터 해결하며 배운 내용까지, 차근차근 편안하게 풀어갑니다.
CSS / container query 설계: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / flex 자식 overflow: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
z-index stacking context: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
스크롤바 레이아웃 이동 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
애니메이션 프레임 저하 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
긴 단어 컨테이너 이탈: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
CSS / z-index stacking context: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / cascade specificity 충돌: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
애니메이션 프레임 저하: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
CSS / 애니메이션 프레임 저하: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / position sticky 미작동: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
grid minmax 잘림 문제가 나타났을 때 먼저 확인할 사실, 원인을 좁히는 순서와 수정 결과를 확인하는 방법을 정리합니다.
브라우저 호환 fallback: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
대형 box-shadow 페인트 비용: 정상·경계·실패·반복 조건을 확인하고 회귀 테스트로 남기는 방법을 설명합니다.
대형 box-shadow 페인트 비용: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
CSS / 다크모드 대비: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / grid minmax 잘림: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
애니메이션 프레임 저하: 적용 전에 확인할 조건, 작은 적용 순서와 완료 여부를 판단하는 기준을 정리합니다.
CSS / margin collapse: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.
CSS / 긴 단어 컨테이너 이탈: 어떤 조건에서 동작하는지와 먼저 알아둘 사실, 실제 확인 기준을 설명합니다.