첸 후이 징은 싱가포르에 거주하는 독학 디자이너 겸 개발자입니다. 저는 그녀와 CSS, 특히 비영어권 글쓰기 시스템에 관해 이야기했습니다.
이 게시물은 Designcember의 일부입니다. web.dev에서 선보이는 웹 디자인 기념 이벤트
첸 후이 징은 싱가포르에 거주하는 독학 디자이너 겸 개발자입니다. CSS에 대한 열정적인 애정은 자신의 블로그 (주로 CSS)와 트윗 (주로 서체 및 웹에 관한 내용)에서 알 수 있습니다. 이전에는 풀타임으로 농구를 했고 훈련 세션 사이의 다운타임에 웹 경력을 시작했고 언젠가 야외에 오르고 싶었습니다. 할머니와 CSS, 특히 비영어권 작성 시스템에 관해 말씀드렸습니다.
Rachel: 웹 디자인이나 개발로 가는 경로는 무엇이었나요?
후이 징: 전업 농구를 하면서 기숙사 생활을 하면서 동료 선수들보다 컴퓨터를 조금 더 많이 사용해 보았습니다. 코치는 제가 몇 년 동안 업데이트되지 않은 우리 협회 웹사이트를 만들 수 있을 거라 생각했어요. 웹 개발이 무엇인지 몰랐지만 배울 시간이 충분하다고 생각했습니다. 생각보다 재미있었고 몇 년이 지난 지금도 여전히 여기 있습니다.
Rachel: 특히 CSS는 어떻게 접하게 되었나요?
후이 징: 저는 본질적으로 매우 시각적인 편입니다. 제가 브라우저에 '지침'을 알려주면 그 내용이 화면에 바로 반영되어 저의 매력에 빠질 수 있다는 장점이 있어요. 애플리케이션을 위한 프로그래밍 로직보다 훨씬 더 직관적으로 느껴졌습니다. 저는 CSS 업계가 발전하기 시작하면서 웹에 대해 진지하게 생각했습니다. 그래서 널리 사용되지 않는 많은 실험용 속성이 있었기 때문입니다. 잘 알려지지 않은 새로운 기능을 발견하게 되어 정말 기뻤습니다.
세로 쓰기 모드 사용
Rachel: CSS의 세로 쓰기 모드와 세로 쓰기 작업을 할 때 발견되는 재미있는 버그에 관해 많은 글을 썼습니다. 모두 함께 해봐야 할 좋아하는 버그가 있나요?
후이 징: 올해 5월에 다시 확인한 몇 가지 문제가 있었지만 그중 한 가지를 제외하고는 대부분의 문제가 해결되었습니다. Chromium에 세로 쓰기 모드의 Devtools 오버레이 문제가 있습니다. 이는 이 상시 브라우저 업데이트 주기가 실제로 웹 개발을 앞당긴다는 증거라고 생각합니다.
레이첼: 이 문제가 해결되었다니 다행입니다. 글쓰기 모드로 플레이하면 단순히 세로 텍스트를 입력하는 것보다 더 많은 사용 사례가 있다고 생각하십니까?
후이 징: 그럼요. 동아시아 문자 조판이 글쓰기 모드의 기본적인 사용 사례이지만, 저는 다른 문자 체계에서 인쇄 잡지에서 흔히 볼 수 있는 스타일과 같은 세로 레이아웃을 구현하기 위해 쓰기 모드를 활용할 수 있다고 생각합니다. 제 생각에 CSS 속성의 조합이 CSS를 매우 강력하게 만듭니다. 따라서 쓰기 모드가 Flexbox 및 그리드와 함께 있으면 페이지 수준 상자에서 텍스트의 개별 문자에 이르기까지 레이아웃 방향에 대해 상당히 많은 순열을 제공합니다. 사람들이 앞으로 웹 디자인의 가능성을 깨닫게 되면서 가능성과 창의력이 더욱 커지게 된다고 생각합니다. 몇 년 전만 해도 상상하지 못했던 레이아웃과 디자인을 웹에서 볼 수 있으면 좋겠어요.
Rachel: 지금 모든 사람이 논리적 속성과 값을 사용해야 하는지, 아니면 이 속성이 기본값이 될 것인지 묻는 질문을 종종 받습니다. 뭐라고 답하시겠어요?
후이 징: 개인적으로는 이것이 기본이 되기를 바랍니다. 실용적인 관점에서 보면 다중 스크립트 웹사이트 개발이 훨씬 수월해지기 때문이죠. 기본값이 될 것인지에 관해서는 대답하기가 훨씬 어렵습니다.
논리적 속성에 관한 문제는 수년 동안 사용되어 온 확립된 구문을 '대체'하고 기본이 아닌 가로 위에서 아래로 진행되는 스크립트에 대한 지원이 최근 몇 년 동안 훨씬 개선되었다는 사실입니다. 웹 콘텐츠는 여전히 주로 영어로 되어 있으므로 논리적 속성을 사용하는 경우는 이 맥락에서 상대적으로 약합니다. 비영어권 사용자가 자신이 사용하는 언어로 웹 콘텐츠를 제작하도록 촉구하는 것이 이러한 노력의 일환이라고 생각합니다. 또한 여러 언어 지원의 우선순위가 높아지면 논리 속성 사용의 가치가 더욱 분명해집니다.
CSS의 새로운 기능
Rachel: CSS에 추가되었으면 하는 기능은 무엇인가요?
후이 징: 저는 미리암 수잔의 컨테이너 쿼리 작업을 한동안 살펴봤습니다. 스타일 및 상태 컨테이너 기능과 관련하여 아직 개발되지 않은 사양 부분은 반응형 디자인의 개념을 확장해 주므로 꽤 흥미롭습니다. 디자인과 레이아웃이 표시 영역의 크기 이상에 응답하도록 할 수 있습니다. 따라서 격리 모듈이 다른 브라우저 공급업체들이 동의할 수 있는 부분이고 가까운 시일 내에 이에 대한 폭넓은 지원을 받을 수 있기를 바랍니다.
사람들이 팔로우하도록 장려하기
Rachel: 지금 웹에서 정말 흥미롭거나 재미있거나 창의적인 작업을 하는 사람은 누구인가요?
후이 징: CSS 아트를 하는 사람들은 항상 매력적입니다. 위안 추안(Yuan Chuan)과 그의 생성형 CSS 창작물인 벤 에반스(Ben Evans), 기발한 기법을 심층적으로 다루는 아나 튜더(Ana Tudor) 출신 크리에이터 등 제가 오랫동안 팬을 쌓아온 사람들도 있습니다. 최근 Julia Miocene과 Jackie Zen의 Codepens에서 아름다운 CSS 애니메이션을 본 적이 있습니다.
Rachel: chenhuijing.com에서 Chen Hui Jing에 대한 자세한 내용을 확인할 수 있습니다.