데이터 마스킹

┌─────────────────────────────────────────────────────────────┐
│                      원본 데이터                             │
│                    "김철수, 1990-03-15"                       │
└─────────────────────────────────────────────────────────────┘
                              │
                              ▼
┌─────────────────────────────────────────────────────────────┐
│                    AES-256-GCM 암호화                        │
│  ┌────────┐  ┌────────────┐  ┌─────────────────────────┐   │
│  │ IV 12B │  │ Auth Tag   │  │   Encrypted Data        │   │
│  │        │  │    16B     │  │                         │   │
│  └────────┘  └────────────┘  └─────────────────────────┘   │
└─────────────────────────────────────────────────────────────┘
                              │
                              ▼
                    Base64 인코딩 저장

GET /v1/profiles/{id}/unmasked

GET /v1/fortunes/{id}/unmasked

interface Profile {
  id: string;
  name: string;  // 마스킹됨: "김**"
  birth_year: string;  // 마스킹됨: "19**"
  day_master: string;
}

interface UnmaskedProfile extends Omit<Profile, 'name' | 'birth_year'> {
  name: string;  // 원본: "김철수"
  birth_year: number;  // 원본: 1990
  birth_month: number;
  birth_day: number;
  birth_hour: number;
  saju: SajuObject;
}

// 일반 조회 (마스킹)
async function getProfile(id: string): Promise<Profile> {
  const response = await fetch(`/v1/profiles/${id}`, {
    headers: { 'X-API-Key': API_KEY }
  });
  return response.json();
}

// 복호화 조회 (권한 필요)
async function getUnmaskedProfile(id: string): Promise<UnmaskedProfile> {
  const response = await fetch(`/v1/profiles/${id}/unmasked`, {
    headers: { 'X-API-Key': API_KEY }
  });
  return response.json();
}

function ProfileCard({ profile, showUnmasked }) {
  const [unmasked, setUnmasked] = useState(null);

  const handleUnmask = async () => {
    // 복호화 사유 입력 (감사 로그용)
    const reason = await promptReason();
    const data = await getUnmaskedProfile(profile.id);
    setUnmasked(data);

    // 일정 시간 후 자동 마스킹
    setTimeout(() => setUnmasked(null), 30000);
  };

  return (
    <div>
      <p>이름: {unmasked?.name || profile.name}</p>
      <p>생년: {unmasked?.birth_year || profile.birth_year}</p>
      <p>일주: {profile.day_master}</p>

      {showUnmasked && !unmasked && (
        <button onClick={handleUnmask}>전체 정보 보기</button>
      )}
    </div>
  );
}