Web Crypto API 기반 460KB 단일 HTML 오프라인 보안 도구 셋 구현

Context

다양한 보안/네트워크 도구 사용 시 발생하는 광고 노출 및 데이터 유출 위험 해결 필요. 외부 서버 의존성 및 복잡한 build step으로 인한 도구 실행 오버헤드 제거 목적.

Technical Solution

• Web Crypto API 활용을 통한 클라이언트 사이드 AES-GCM 암호화 및 RSA 키 생성 로직 구현
• npm 및 Backend를 배제한 Pure HTML/JS 구조 설계를 통한 Zero-dependency 환경 구축
• Wireshark hex dump 분석 및 CIDR Aggregator 등 네트워크 프로토콜 파싱 로직의 Client-side 이식
• Single HTML File 아키텍처 채택을 통한 배포 복잡도 제거 및 오프라인 가용성 확보
• Claude AI를 통한 코드 생성과 엔지니어의 설계 의사결정을 결합한 빠른 프로토타이핑 수행