CSS 레이아웃: 비판적 분석

2025-08-06

이 글에서는 CSS 레이아웃 메커니즘에 대한 비판적 분석을 제공합니다. 저자는 CSS가 리치 텍스트 스타일과 레이아웃 시스템을 혼합하여 일관성 없는 상속을 초래한다고 주장합니다. 텍스트 스타일은 상속되지만 레이아웃 속성은 상속되지 않습니다. 중첩된 인라인 블록과 인라인 플렉스 모델은 이러한 모순을 보여줍니다. 내부적으로는 블록 또는 플렉스이지만 외부적으로는 인라인 요소입니다. 저자는 이상적인 레이아웃 시스템은 동작을 독립적인 측면으로 분해하고 현재의 감산적 API보다 더 유연하고 직관적인 API를 제공해야 한다고 제안합니다. 마지막으로, 이 글에서는 상대 em 스케일링의 한계와 픽셀 처리 개선에 대해서도 언급합니다.

더 보기
개발

서브픽셀 거리 변환: WebGPU에서 고품질 폰트 렌더링의 획기적인 발전

2024-12-26

본 문서는 WebGPU 환경에서 고품질 폰트 렌더링의 과제와 해결책을 심도 있게 다룹니다. 기존의 부호화된 거리 필드(SDF) 생성 방법의 단점을 지적하고, 저자는 혁신적인 서브픽셀 정밀도 거리 변환 알고리즘(ESDT)을 제안합니다. ESDT는 CPU와 GPU의 장점을 효과적으로 결합하여 개선된 유클리드 거리 변환 알고리즘을 사용함으로써, 기존 방법에서 서브픽셀 정밀도와 그레이스케일 픽셀을 처리할 때 발생하는 오차를 효과적으로 해결합니다. 그 결과 이모지 등 다양한 폰트의 정확한 렌더링을 구현하여 폰트 렌더링 품질을 크게 향상시킵니다.

더 보기