프라이버시 우선 계산기 플랫폼을 제로 트래킹으로 구축했습니다 — 아키텍처
Source: Dev.to
기존 계산기 플랫폼의 프라이버시 문제
11개의 주요 계산기 플랫폼을 분석한 결과, 모든 플랫폼이 다음과 같은 문제를 가지고 있었습니다:
- Google Analytics, Facebook Pixel 또는 유사한 트래커 로드
- 계산 입력값을 서버에 저장
- 세션 녹화 도구(Hotjar, FullStory) 사용
- 기본 기능에 계정 필요
- 행동 데이터를 광고주에게 판매
예를 들어 “$500,000 주택 대출, 연 7.5%”를 모기지 계산기에 입력하면, 그 데이터는 보험사, 부동산 광고주, 금융 상품 마케터에게 매우 가치 있는 정보가 됩니다. 이러한 플랫폼에서 월간 1억 3천만 명 이상의 사용자가 이용하고 있는 상황에서 프라이버시 격차는 엄청나며, 프라이버시‑우선 대안은 없었습니다.
CalcIQ 소개
CalcIQ는 브라우저를 떠나는 데이터가 전혀 없는 계산기 플랫폼입니다. 주요 특징은 다음과 같습니다:
- 금융, 생활, 유틸리티, 지역 카테고리별 19개의 계산기 제공
- 자동 감지를 지원하는 8개 통화(순수 포맷팅, 환율 API 사용 안 함)
- PWA를 통한 완전 오프라인 지원
- 3G 네트워크에서도 2초 미만 로드 시간
- 데이터 수집 제로(네트워크 탭에서 검증 가능)
핵심 계산 로직 (vanilla JavaScript)
function performCalculation(inputs) {
// All math happens here, in the browser
const monthlyRate = inputs.rate / 12 / 100;
const months = inputs.tenure * 12;
const futureValue =
inputs.amount *
((Math.pow(1 + monthlyRate, months) - 1) / monthlyRate) *
(1 + monthlyRate);
return {
futureValue,
totalInvested: inputs.amount * months
};
}
왜 React/Vue/Angular를 쓰지 않았나요?
- 빌드 단계 없음 → 즉시 배포 가능
node_modules없음 → 공격 표면 감소- 가상 DOM 없음 → 계산 속도 향상
프레임워크 없이 만든 계산기 예시:
- 커피 비용 계산기
- EMI 계산기
- FD 계산기
다른 점:
DevTools → Network 탭을 열면, 계산 데이터가 포함된 외부 요청이 전혀 없음을 확인할 수 있습니다. 이것이 바로 핵심 포인트입니다.
향후 계획: AI‑기반 계산기 생성
“AI‑기반 계산기 생성 엔진”—“CalcIQ용 Canva”—을 구축 중입니다. 자연어 프롬프트만 입력하면 약 30초 안에 작동하는 계산기가 생성되며, 모두 프라이버시‑우선 아키텍처 내에서 동작합니다.
마이크로‑템플릿 어셈블리 시스템의 기술적 세부 사항이 궁금하시면 댓글로 알려 주세요.
이 글이 도움이 되었다면, 다음에 금융 계산기가 필요할 때 CalcIQ를 사용해 보세요. 여러분의 데이터가 감사할 것입니다.