Build step 없는 Single HTML 구조로 100ms 미만 로딩 구현

Context

복잡한 상태 관리가 불필요한 단순 계산형 도구 집합 구축 시, Modern Framework의 빌드 프로세스와 의존성 관리가 오히려 오버헤드로 작용하는 한계 분석.

Technical Solution

• Build System 및 Framework를 완전히 배제하고 모든 도구를 단일 Self-contained HTML 파일로 설계한 Zero-dependency 아키텍처 채택
• 외부 CDN 의존성을 제거하고 필수 라이브러리를 IIFE 형태로 Inline 포함하여 네트워크 장애 시에도 작동하는 Offline-first 환경 구축
• Nginx Alpine Docker 컨테이너와 Cloudflare Tunnel을 조합하여 서버리스에 가까운 정적 파일 서빙 및 HTTPS 보안 전송 체계 구성
• JSON-LD 구조화 데이터 및 FAQPage 스키마를 통한 SEO 최적화로 검색 엔진 가시성 확보
• 도구 간 독립적인 파일 구조 설계를 통해 특정 도구의 버그가 전체 시스템으로 전파되지 않는 Fault Isolation 구현

Impact

• JSON Formatter 기준 100ms 미만의 초고속 초기 로딩 속도 달성

Key Takeaway

애플리케이션의 복잡도와 요구 사항에 맞지 않는 과도한 추상화(Framework)는 유지보수 비용과 런타임 오버헤드만 증가시키므로, 단순 기능 중심의 서비스에서는 Vanilla JS 기반의 정적 구조가 최적의 효율을 제공함.