
Container Query 사용 기준: media query가 복잡할 때
이 글에서 정리하는 내용 저는 웹퍼블리싱 실무에서 media query만으로 버티면 CSS 분기가 왜 점점 복잡해지는지, 그리고 어떤 순간에 판단 기준을 컨테이너 쿼리로 옮겨야 하는지를 정리해보겠습니다. 이 글을 끝까지 보면 페이지 전체 반응형은 media query로, 재사용 컴포넌트 반응형은 부모 박스 기준으로 나누는…
더 읽기웹퍼블리싱 실무와 관련된 내용을 정리한 카테고리입니다. HTML, CSS, JavaScript를 기반으로 반응형 웹, 웹 접근성, 크로스브라우징, 유지보수, UI 마크업 작업 등을 다룹니다.

이 글에서 정리하는 내용 저는 웹퍼블리싱 실무에서 media query만으로 버티면 CSS 분기가 왜 점점 복잡해지는지, 그리고 어떤 순간에 판단 기준을 컨테이너 쿼리로 옮겨야 하는지를 정리해보겠습니다. 이 글을 끝까지 보면 페이지 전체 반응형은 media query로, 재사용 컴포넌트 반응형은 부모 박스 기준으로 나누는…
더 읽기
이 글에서 정리하는 내용 2026년 기준으로 최신 CSS를 어디까지 운영 서비스에 넣어도 되는지, Baseline 배지를 읽는 법과 실제 프로젝트 판단 기준을 함께 정리합니다. 단순히 지원 여부만 보는 것이 아니라 핵심 기능인지, fallback이 가능한지, 웹뷰와 오…
더 읽기
이 글에서 정리하는 내용 저는 반응형에서 이미지가 깨지거나 찌그러지거나 자글거릴 때, 어떤 순서로 확인해야 하는지 체크리스트 기준으로 정리하겠습니다. object-fit과 background-size 차이부터 큰 이미지를 작게 보여도 거칠어 보이는 원인까지 문제 단위로…
더 읽기