AI 요약
핵심 인사이트
- CSS Grid Lanes는 CSS 단독으로 메이슨리(masonry) 스타일 레이아웃을 쉽게 만들도록 돕는 새로운 웹 기술입니다.
- 현재 이 기술의 확정된 문법은 Safari Technology Preview에서 사용 가능하며, Edge, Chrome, Firefox 역시 구현에 상당한 진전을 보여 예상보다 빠르게 도입될 것으로 전망됩니다.
- 개발자들은 점진적 향상(progressive enhancement) 기법을 사용하여 기능 지원 브라우저에 Grid Lanes 레이아웃을 즉시 적용할 수 있습니다.
주요 디테일
- 이 기능의 기초는 2019~2020년 Mozilla 팀이 작성한 CSS Working Group Editor’s Draft (Grid level 3)에서 비롯되었습니다.
- Firefox는 2020년 초 Firefox Nightly에 이 기능을 처음 탑재했으며, 현재 일반 Firefox에서는 URL 바에 'about:config'를 입력하여 'masonry' 플래그를 설정하면 사용해 볼 수 있습니다.
- Safari의 WebKit 팀은 2022년에 구현을 재개하여 2023년 2월 Safari Technology Preview 163에 기본 활성화했으며, 현재 공식 웹 표준인
display: grid-lanes문법으로 테스트가 가능합니다. - Firefox는 기존 문법(
grid-template-*: masonry)을 사용하는 반면, Safari Technology Preview에서는 공식 웹 표준 문법(display: grid-lanes)을 지원합니다.