Client-side 전용 설계를 통한 JSON 데이터 유출 원천 차단 및 구조적 Diff 구현

Why I built yet another JSON formatter (and what I did differently)

Tommy2026년 4월 23일2분intermediate

AI 요약

Context

기존 온라인 JSON 도구들의 Server-side 처리 방식으로 인한 민감 데이터 유출 위험 식별. 단순 텍스트 비교 기반 Diff 도구의 낮은 정확도와 노이즈 발생 문제 해결 필요.

데이터 보안 강화를 위해 모든 로직을 Browser-side에서 처리하는 Serverless 아키텍처 설계
단순 타입 매핑을 넘어 Nested Object 및 Nullable 필드를 처리하는 Recursive Interface 생성 로직 구현
Mixed Type Array 대응을 위한 Union Type 추론 엔진 적용
단순 Text-based 비교가 아닌 Parsed Object 간의 Structural Diff 알고리즘 도입을 통한 Key 순서 변경 노이즈 제거
Nested Structure의 Flattening 기법을 적용한 JSON to CSV 변환 로직 구현

실천 포인트

1. 민감 데이터 처리 도구 설계 시 Client-side Runtime 기반의 Zero-upload 구조 검토

2. 데이터 비교 기능 구현 시 텍스트 기반이 아닌 추상 구문 트리(AST) 또는 객체 구조 기반의 비교 로직 적용

3. 타입 추론 엔진 설계 시 재귀적 구조와 유니온 타입을 고려한 Edge Case 정의

태그