기술노트

미디어쿼리는 명시도를 올려 주지 않아서, 같은 선택자라면 뒤에 나온 기본 규칙이 모바일 규칙을 덮는다. 목록 페이지 모바일 리디자인에서 겪은 소스 순서·인라인 스타일 문제와 해결법을 정리했다.

window.resize로는 못 잡는 개별 요소의 크기 변화를 ResizeObserver로 감지합니다. borderBoxSize 사용법, 악명 높은 loop 에러 회피, 컨테이너 기준 반응형 실전 패턴까지 정리했습니다.

Tailwind CSS의 그리드 시스템과 반응형 유틸리티를 활용하여 복잡한 대시보드 레이아웃을 효율적으로 구축하는 방법을 알아봅니다.

CSS Grid 실전 레이아웃 12가지 — 복잡한 UI를 간단하게 — 실무에서 바로 적용할 수 있는 가이드입니다.

Solid.js 반응형 프레임워크 — React와 닮았지만 다른 — 실무에서 바로 적용할 수 있는 가이드입니다.

CSS aspect-ratio 속성 — 반응형 비율 유지의 정석 — 실무에서 바로 적용할 수 있는 가이드입니다.

CSS Container Queries 드디어 등장 — 반응형의 미래 — 실무에서 바로 적용할 수 있는 가이드입니다.

CSS aspect-ratio — 반응형 비율 유지의 정석 — 실무에서 바로 적용할 수 있는 가이드.