aspect-ratio란?
.video { aspect-ratio: 16 / 9; }과거 padding-bottom: 56.25% 트릭을 대체한다. CLS 예방에 결정적.
aspect-ratio란?
정의
요소의 가로/세로 비율을 CSS로 직접 지정하는 속성. 이미지·영상 로드 전 공간 예약.
📘 관련 기술노트
전체 보기 →🔗 함께 보면 좋은 용어
Frontend 전체 →a11y
Accessibility
웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.
Angular
Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.
ARIA
Accessible Rich Internet Applications
HTML 네이티브로 표현 어려운 의미를 속성으로 보강하는 W3C 표준.
Astro
콘텐츠 중심 사이트에 최적화된 프레임워크. "Islands Architecture"로 기본 0 JS, 필요한 곳만 hydration.
axios
Node·브라우저용 HTTP 클라이언트. fetch 이전 표준. 인터셉터·변환 기능 풍부.
BEM
Block Element Modifier
CSS 네이밍 컨벤션. block__element--modifier 형식으로 격리.