브라우저 내 100% 클라이언트 사이드 처리로 개인정보 보호 웹 툴킷 개발함

Context

CS 학생으로서 PDF 병합, 이미지 압축, 모듈 텍스트 추출이 정기적으로 필요함. 기존 온라인 도구 사용 시 광고가 많고 데이터 처리 과정이 불투명하여 개인정보 보호에 대한 우려가 존재함.

Technical Solution

• pdf-lib: 서버 업로드 없이 브라우저에서 PDF 파일 직접 조작함
• WebAssembly: 로컬 브라우저 API와 결합하여 이미지 배경 제거 기능 구현함
• Tailwind CSS: 다크 모드 지원하는 반응형 UI 스타일링 적용함
• local browser APIs: OCR 기능 등 이미지 처리 기능 브라우저 내에서 실행함
• Vercel: 백엔드 없는 완전한 프론트엔드 전용 호스팅 구성함

Impact

30개 이상의 유틸리티 제공함. 파일이 사용자 기기를 절대 떠나지 않는 완전한 로컬 처리 보장함.

Key Takeaway

프라이버시 우선 애플리케이션은 복잡한 백엔드 인프라 없이도 브라우저 내 클라이언트 사이드 기술만으로 완전한 기능 구현 가능함.