Gemma 4 기반의 Zero-Dependency Offline-First 템플릿 엔진 설계

Context

기존의 무거운 IDE나 프레임워크 의존적인 개발 환경으로 인한 네트워크 연결 필수 및 리소스 오버헤드 발생. 저사양 기기나 오프그리드 환경에서도 동작 가능한 초경량 웹 템플릿 저작 도구의 필요성 대두.

Technical Solution

• 프레임워크 오버헤드 제거를 위해 React, Express, Vite를 배제하고 Pure Node.js HTTP 서버와 Vanilla JS 기반의 State Engine 설계
• 네트워크 상태에 따른 모델 계층화 전략으로 온라인 시 Gemma 4 31B Dense를 통한 정밀 설계, 오프라인 시 Gemma 4 E4B/E2B를 활용한 On-device 코드 생성 구현
• Schema-validated prompt 제약을 통해 Markdown fence 없는 {html, css, js} 구조의 정형 데이터 출력 및 즉각적인 렌더링 파이프라인 구축
• runtime error 로그와 활성 코드를 결합한 Contextual Prompting으로 Gemma 4 기반의 Auto-healing refactoring 로직 적용
• Pure-Node 서버의 http-level 파일 시스템 매핑을 통한 Zero-lock static asset cache 구조로 메모리 효율 극대화