CSS 함수와 corner-shape 등 Interop 2027 후보 기능 10선
- CSS 함수 기능인 @function은 2026년 10월 기준 Chrome 155와 Edge 154에서만 지원되고 Firefox 157과 Safari 27에서는 지원되지 않음
- corner-shape 속성으로 스쿼클, 베벨, 노치, 스쿱 같은 모서리 모양을 border-radius 대신 만들 수 있음
- Interop 2023에 추가된 Subgrid는 Chrome/Edge 테스트 통과율이 12%에서 100%로 올라 연말에는 주요 브라우저 모두에서 쓸 수 있게 됨
- Interop 2027 기능 목록은 Mozilla가 만든 투표 사이트의 사용자 추천 순위를 참고해 다음 해 포함 여부를 정함
Hacker News opinions
브라우저 호환성 넓어지는 건 좋은데 기본 사이트 기능이 최신 CSS에 묶이면 곤란함
5에서 10년 걸린다는 건 옛날 얘기임. 요즘 브라우저 업데이트가 빨라서 1년 전에 나온 기능도 흔하게 씀
CSS 트리 셰이킹이 안 되는 게 제일 불만임. 클래스가 어디서 쓰일지 몰라서 CSS 모듈 아니면 거의 불가능함
작은 프로젝트는 서버 헬퍼로 페이지마다 필요한 CSS랑 JS만 골라서 넣음. HTTP/2 멀티플렉싱 덕분에 병렬로 받아서 꽤 괜찮더라
anchor positioning은 caniuse 보면 다 부분 지원은 되는 상태라서 나는 이미 쓰고 있음
CSS 함수 굳이 필요함? 어차피 튜링 완전해졌으니 JS랑 더 잘 엮는 쪽이 낫지 않나 싶음
JS는 VM이랑 파싱이 필요해서 콘텐츠 뜨기 전에 요구하면 퇴보임. CSS는 JS보다 지연 시간 낮게 평가할 수 있음
나는 CSS 재밌음. light-dark()랑 @scope, @layer, :has() 쓰면 예전이랑 완전 다르던데
기능이 너무 많아서 호환성 때문에 계속 늘어날 수밖에 없음. 잘 고른 부분집합만 보면 꽤 괜찮은 언어임
Chrome 기능만 나열한 게 이상하다는 말 있는데, Interop은 브라우저끼리 같이 하는 프로그램이고 투표로 기능을 고르는 거임