# 세이프 키링 모바일 중심의 비밀번호 생성 및 로컬 보안 저장 React 웹앱. ## Masterplan - **비전:** 계정 제목, URL, 사용자 ID, 자동/수동 비밀번호를 빠르게 만들고 브라우저 로컬 금고에 저장하는 개인용 미니 비밀번호 관리자. - **대상 사용자:** 모바일 브라우저에서 한국어 UI로 계정 비밀번호를 생성·복사·관리하려는 개인 사용자. - **가치 제안:** “새 계정 추가 → 강도 선택/생성 또는 수동 입력 → 복사 → 저장 → 상세 확인”을 큰 버튼 중심의 짧은 흐름으로 제공. - **보안 방향:** 서버 없는 프론트 앱 한계 내에서 평문 노출을 줄이기 위해 기본 마스킹, 명시적 보기/복사, `localStorage` 난독화를 적용. - **배포 방향:** 빌드 없이 정적 호스팅에서 바로 동작하는 CDN 기반 React 앱 + `HashRouter` + PWA 캐시. ## Tech Stack & Architecture - **Runtime:** 브라우저 네이티브 ES Modules. `package.json`, 번들러, 빌드 단계가 없다. - 진입점: `index.html` → Tailwind CDN → `styles/main.css` → `