Strategy 패턴 기반 12종 포맷 자동 export를 통한 Typography 단일 진실 공급원(SSOT) 구축

Context

Bootstrap, Tailwind, TypeScript 등 서로 다른 기술 스택 전반에 폰트 설정이 분산되어 발생하는 중복 관리 문제 분석. 설정 변경 시 다수 파일의 수동 업데이트가 필요하며 이로 인한 동기화 오류와 런타임 타입 불일치 위험 존재.

Technical Solution

• Strategy 패턴을 적용하여 각 출력 포맷별 독립적인 Exporter를 구현한 확장 가능 구조 설계
• Twig 함수를 통한 폰트 정의 단일화로 설정 데이터의 Single Source of Truth(SSOT) 확보
• 빌드 도구(Webpack, Vite, AssetMapper) 자동 감지 로직을 통한 환경별 출력 경로 최적화
• fonts:lock 커맨드를 이용한 개발 환경의 CDN 의존성을 프로덕션 환경의 Self-hosted 방식으로 전환하는 정적 자산 동기화 프로세스 구축
• TypeScript Definition 자동 생성으로 폰트 식별자의 컴파일 타임 타입 체크 구현
• GDPR 준수를 위해 Google 외 Bunny, Fontsource 등 다양한 Provider를 선택 가능한 추상화 인터페이스 제공