Ahmad Shadeed
디자인 엔지니어이자 Debugging CSS의 저자
지난 2년 동안 CSS는 매우 많이 발전하여 모든 새로운 기능을 따라잡는 것이 마치 풀타임 직업처럼 느껴질 정도입니다. 이는 탐구하고 실험할 주제와 아이디어가 많다는 것을 의미합니다.
예를 들어, 오랜 기간 요청되어 온 CSS :has()
는 CSS에 추가된 가장 강력한 기능 중 하나로, JavaScript의 필요성을 크게 줄여주었습니다. 개인적으로, 이는 CSS 플로트를 사용하던 방식에서 Flexbox로의 전환과 비슷하게, 우리가 상상할 수 있는 거의 모든 레이아웃을 만들 수 있게 해 준 발전이라고 생각합니다.
CSS container size 와 style queries 또한 다양한 컨텍스트에서 작동해야 하는 컴포넌트를 구축하는 데 있어 획기적인 기능입니다. 현재는 모든 주요 브라우저에서 크기 컨테이너 쿼리만이 완전하게 지원되고 있지만, 그 사용은 아직 제한적입니다.
2025년을 내다보며, size container queries의 더 넓은 사용, 스크롤 기반 애니메이션과 style queries, 그리고 anchor positioning에 대한 모든 브라우저의 완전한 지원을 기대합니다. 더 바랄 것이 있을까요?