CSS가 브라우저를 면접했다.

요약

• W3C가 2011년 9월 1일 공개한 CSS Conditional Rules의 첫 작업 초안은 @supports를 도입했다. 처리기가 CSS 속성과 값을 지원하는지에 따라 규칙 묶음을 적용하는 방식이다. 2012년 초안은 그 문법을 더 다듬었다.
• 2013년 4월 4일 후보 권고안은 not, and, or를 설명했다. 2022년 1월 13일 후보 권고안 스냅샷은 쓸 만한 수준으로 구현된 선언을 오류로 버리지 않고 받아들이는지를 판단 기준으로 명시했다.

브라우저는 이미 모르는 CSS 선언을 만나면 조용히 건너뛰는 재주가 있었다. 테두리 색 하나라면 꽤 훌륭한 처세다. 새로운 배치는 사정이 다르다. 단과 너비와 읽는 순서가 함께 움직여야 한다. 책상은 새 사무실로 옮겼는데 문은 예전 건물에 남겨 둔 것처럼, 규칙 절반만 작동하면 페이지에 기묘한 통로가 생긴다.

2011년 9월 1일 W3C의 첫 공개 작업 초안은 브라우저에게 면접 질문을 던졌다. @supports 뒤에 특정 속성과 값에 관한 조건을 두고, 그 안에 여러 스타일 규칙을 함께 넣는다. 긍정적인 답에는 새 배치를, 다른 답에는 대안을 줄 수 있다. 이 초기 초안에는 @document도 있었지만 2013년 후보 권고안에서 중심이 된 기능 질문은 @supports였다.

질문은 @supports (display: flex)처럼 구체적이다. 브라우저의 이름이나 나이로 실력을 짐작하지 않는다. 2012년 9월 11일 작업 초안은 not으로 반대 답을, and로 함께 필요한 능력을, or로 여러 가능한 길을 표현하는 문법을 다듬었다. 지원 여부를 물을 대상이 분명해지면, 새 배치에 필요한 규칙을 한편에 모으기도 쉬워진다.

2013년 4월 4일 후보 권고안의 예는 이 묶음이 왜 필요한지 보여 준다. 유연한 배치의 규칙은 긍정 조건 아래에 놓고, 다른 배치의 너비 규칙은 not 아래에 둔다. 그 너비를 유연한 배치에도 적용하면 오히려 방해가 될 수 있다고 문서는 지적한다. 면접에서 합격 도장 하나 찍는 일이 아니라, 서로 맞는 규칙을 한 팀으로 배치하는 일이다.

브라우저의 “할 수 있습니다”는 어떤 뜻일까. 2013년 문서는 선언을 파싱 오류로 버리지 않고 받아들이며 그 값을 실용적인 수준으로 구현한 경우를 지원으로 설명한다. 2022년 1월 13일 후보 권고안 스냅샷은 스타일 규칙 안의 선언을 기준으로 이 정의를 명확히 적는다. 이 답은 속성과 값에 관한 기술 판단이다. 메뉴 간격이 보기 좋은지까지 심사하는 면접은 아니다.

W3C는 결과를 쉽게 과신하지 말라는 예를 들었다. 사용자가 높은 대비를 선호하면 화면에 보이는 색이 바뀔 수 있지만, 처리기는 여전히 color 속성을 지원한다. 계단식 규칙과 주변 스타일도 완성 화면에 영향을 준다. 브라우저는 면접에 정직하게 답했고, 페이지가 어색하다면 디자이너가 배치한 업무 내용을 다시 봐야 한다.

대안 배치를 남은 규칙의 창고로 만들면 곤란하다. @supports not (...) 쪽에도 적당한 너비와 읽기 순서와 길 찾기가 필요하다. 긍정 쪽도 실제 제목과 표와 사진을 넣고 살펴야 한다. 조건은 어느 규칙 묶음을 쓸지 고르지만, 그 묶음이 기사를 편히 읽게 하는지는 사람이 판단한다. 합격자는 일을 받을 자격이 있을 뿐, 편집을 대신하지 않는다.

2013년 W3C가 WWW2013에서 진행한 Bert Bos의 강의에는 작동하는 예가 있었다. 실습 페이지는 상태 문장 여섯 개를 먼저 숨긴 뒤 display: flex 지원, 그 반대, or로 묶은 조건의 답에 따라 맞는 문장을 드러낸다. 설명을 듣는 사람은 브라우저가 고른 결과를 바로 볼 수 있었다. 이런 작은 실험을 기사 전체의 두 가지 읽기 좋은 배치로 키우는 일은 여전히 제작자의 손에 달렸다.

표준의 기록은 네 단계로 이어진다. 2011년 첫 공개 초안, 2012년 작업 초안, 2013년 후보 권고안, 2022년 후보 권고안 스냅샷. 이 문서들은 질문의 형식과 답의 뜻을 다듬었다. 오래 남은 성과는 한 기능에 함께 의존하는 규칙을 같은 조건 아래 묶을 수 있게 된 점이다. CSS는 면접을 열었다. 독자가 읽을 공간을 꾸미는 일은 여전히 제작자의 몫이다.