import React, { useState, useCallback } from "react"; import { RefreshCw, Copy, Check, Shield, Eye, EyeOff } from "lucide-react"; const LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); const T = { ko: { title: "비밀번호 생성기", generate: "생성", copy: "복사", copied: "복사됨!", length: "길이", upper: "대문자", lower: "소문자", numbers: "숫자", symbols: "기호", strength: "강도", weak: "약함", medium: "보통", strong: "강함", vstrong: "매우 강함", history: "최근 생성", chars: "자" }, en: { title: "Password Generator", generate: "Generate", copy: "Copy", copied: "Copied!", length: "Length", upper: "Uppercase", lower: "Lowercase", numbers: "Numbers", symbols: "Symbols", strength: "Strength", weak: "Weak", medium: "Medium", strong: "Strong", vstrong: "Very Strong", history: "Recent", chars: "chars" }, ja: { title: "パスワード生成", generate: "生成", copy: "コピー", copied: "コピー完了!", length: "長さ", upper: "大文字", lower: "小文字", numbers: "数字", symbols: "記号", strength: "強度", weak: "弱い", medium: "普通", strong: "強い", vstrong: "非常に強い", history: "最近の生成", chars: "文字" }, zh: { title: "密码生成器", generate: "生成", copy: "复制", copied: "已复制!", length: "长度", upper: "大写", lower: "小写", numbers: "数字", symbols: "符号", strength: "强度", weak: "弱", medium: "中", strong: "强", vstrong: "极强", history: "最近生成", chars: "字符" }, }; const t = T[LANG] || T.en; export default function App() { const [password, setPassword] = useState(""); const [len, setLen] = useState(16); const [upper, setUpper] = useState(true); const [lower, setLower] = useState(true); const [nums, setNums] = useState(true); const [syms, setSyms] = useState(true); const [copied, setCopied] = useState(false); const [show, setShow] = useState(true); const [recent, setRecent] = useSharedStorage("pwgen_recent", []); const generate = useCallback(() => { let chars = ""; if (upper) chars += "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; if (lower) chars += "abcdefghijklmnopqrstuvwxyz"; if (nums) chars += "0123456789"; if (syms) chars += "!@#$%^&*()_+-=[]{}|;:,.<>?"; if (!chars) chars = "abcdefghijklmnopqrstuvwxyz"; let pw = ""; for (let i = 0; i < len; i++) pw += chars[Math.floor(Math.random() * chars.length)]; setPassword(pw); setCopied(false); setRecent(prev => [pw, ...(prev || []).slice(0, 4)]); }, [len, upper, lower, nums, syms, setRecent]); const handleCopy = useCallback(() => { if (!password) return; try { navigator.clipboard.writeText(password); } catch {} setCopied(true); setTimeout(() => setCopied(false), 2000); }, [password]); const strength = password.length === 0 ? 0 : password.length < 8 ? 1 : password.length < 12 ? 2 : password.length < 20 ? 3 : 4; const strengthLabel = [t.weak, t.weak, t.medium, t.strong, t.vstrong][strength]; const strengthColor = ["bg-gray-200", "bg-red-500", "bg-orange-500", "bg-emerald-500", "bg-emerald-600"][strength]; return (

{t.title}

{password ? (show ? password : "•".repeat(password.length)) : "---"}

{password && (

{[1,2,3,4].map(i => (

))}

{strengthLabel}

)}

{t.length} {len} {t.chars}

setLen(parseInt(e.target.value))} className="w-full accent-emerald-500" />

{[ { label: t.upper, val: upper, set: setUpper, preview: "ABC" }, { label: t.lower, val: lower, set: setLower, preview: "abc" }, { label: t.numbers, val: nums, set: setNums, preview: "123" }, { label: t.symbols, val: syms, set: setSyms, preview: "#$%" }, ].map(opt => ( ))}

{(recent || []).length > 0 && (

{t.history}

{(recent || []).map((pw, i) => (

{pw}

))}

)}

); }

Password Generator

Password Generator

reviews