Vanilla Stack 전환을 통한 빌드 크기 20,000배 감소 및 전력 효율 최적화

Context

현대 웹 개발의 과도한 Framework 의존성과 Bloated Library 사용으로 인한 리소스 낭비 발생. 무거운 JavaScript Bundle의 컴파일 및 Hydration 과정에서 불필요한 CPU 사이클 소비와 전력 소모가 가중되는 구조적 한계 직면.

Technical Solution

• Zero-dependency Frontend 지향을 통한 node_modules 의존성 완전 제거
• Server-side Routing 구현으로 Client-side의 복잡한 Routing 로직 및 JS 처리 부하 전가
• Apache .htaccess 설정을 통한 Aggressive Caching 전략으로 서버 중복 연산 최소화
• WebP 포맷 강제 적용을 통한 Network Payload 최적화 및 데이터 전송 효율 증대
• Vanilla PHP/JS 기반의 Lean Architecture 설계를 통한 런타임 오버헤드 제거

Impact

• 프로젝트 초기 빌드 크기 245MB(React)에서 12KB(Vanilla)로 약 99.99% 감소

Key Takeaway

불필요한 추상화 계층을 제거하는 Subtraction 기반의 설계가 시스템 리소스 효율을 극대화하며 이는 곧 인프라 운영 비용 및 탄소 배출 감소로 이어지는 엔지니어링 원칙 확인.