핵심 요약
TOAST UI가 CSS Paint API를 활용해 동적 배경을 프로그래밍 방식으로 생성하고, 이미지 기반 배경의 로딩 부담을 줄여 웹페이지 성능 향상을 도모했습니다.
구현 방법
- CSS Paint API를 이용한 동적 배경 생성 구조 도입
- 기하학적 배경 이미지를 코드 기반으로 대체하는 구현 포인트 설계
- 전체 스타일링 흐름에서 렌더링 최적화를 위한 접근 방식 수립
주요 결과
- 로딩 및 렌더링 부담 감소를 목표로 구현
- 성능 개선 방향 및 재사용 가능한 스타일링 패턴 제시
