import React, { useState, useMemo } from "react"; import { ArrowDownUp } from "lucide-react"; const LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); const T = { ko: { title: "단위 변환", length: "길이", weight: "무게", temp: "온도", from: "변환 전", to: "변환 후" }, en: { title: "Unit Converter", length: "Length", weight: "Weight", temp: "Temperature", from: "From", to: "To" }, ja: { title: "単位変換", length: "長さ", weight: "重さ", temp: "温度", from: "変換前", to: "変換後" }, zh: { title: "单位转换", length: "长度", weight: "重量", temp: "温度", from: "从", to: "到" }, }; const t = T[LANG] || T.en; const CATS = [ { id: "length", label: t.length, icon: "📏", units: [ { id: "m", label: "m", f: 1 }, { id: "cm", label: "cm", f: 0.01 }, { id: "mm", label: "mm", f: 0.001 }, { id: "km", label: "km", f: 1000 }, { id: "in", label: "in", f: 0.0254 }, { id: "ft", label: "ft", f: 0.3048 }, { id: "mi", label: "mi", f: 1609.34 }, ]}, { id: "weight", label: t.weight, icon: "⚖️", units: [ { id: "kg", label: "kg", f: 1 }, { id: "g", label: "g", f: 0.001 }, { id: "mg", label: "mg", f: 0.000001 }, { id: "lb", label: "lb", f: 0.453592 }, { id: "oz", label: "oz", f: 0.0283495 }, ]}, { id: "temp", label: t.temp, icon: "🌡️", units: [ { id: "c", label: "°C", f: 0 }, { id: "f", label: "°F", f: 0 }, { id: "k", label: "K", f: 0 }, ]}, ]; function conv(val, cat, fi, ti) { if (cat.id === "temp") { var c = val; if (cat.units[fi].id === "f") c = (val - 32) * 5 / 9; else if (cat.units[fi].id === "k") c = val - 273.15; if (cat.units[ti].id === "c") return c; if (cat.units[ti].id === "f") return c * 9 / 5 + 32; return c + 273.15; } return val * cat.units[fi].f / cat.units[ti].f; } export default function App() { const [ci, setCi] = useState(0); const [fi, setFi] = useState(0); const [ti, setTi] = useState(1); const [val, setVal] = useState("1"); const cat = CATS[ci]; const num = parseFloat(val) || 0; const res = useMemo(function() { return conv(num, cat, fi, ti); }, [num, ci, fi, ti, cat]); var fmtRes = res === 0 ? "0" : Math.abs(res) < 0.001 ? res.toExponential(4) : res % 1 === 0 ? res.toLocaleString() : parseFloat(res.toFixed(6)).toString(); return (

{t.title}

{CATS.map(function(c, i) { return ( ); })}

{t.from}

{t.to}

{fmtRes}

1 {cat.units[fi].label} = {parseFloat(conv(1, cat, fi, ti).toFixed(6))} {cat.units[ti].label}

); }

Unit Converter

Unit Converter

reviews