import { useState } from 'react'; function primeFactors(n) { const factors = []; let d = 2; while (n > 1) { while (n % d === 0) { factors.push(d); n /= d; } d++; if (d * d > n && n > 1) { factors.push(n); break; } } return factors; } function groupFactors(factors) { const map = {}; factors.forEach(f => { map[f] = (map[f] || 0) + 1; }); return Object.entries(map).map(([p, e]) => ({ p: Number(p), e: Number(e) })); } export default function ShowMe() { const [num, setNum] = useState(60); const factors = primeFactors(num); const grouped = groupFactors(factors); const primes = [2,3,5,7,11,13,17,19,23,29,31,37,41,43,47]; const isPrime = primes.includes(num); return (

소인수분해 시각화

숫자: setNum(Math.max(2, Math.min(999, Number(e.target.value))))} style={{ width: 100, padding: '8px', border: '2px solid #7c3aed', borderRadius: 8, fontSize: '1.1rem', textAlign: 'center' }} />

{isPrime ? (

🔢 {num}은 소수입니다!

더 이상 나눌 수 없어요.

) : ( <>

{factors.map((f, i) => ( {f} ))}

소인수분해 결과:

{num} = {grouped.map(({ p, e }) => e > 1 ? `${p}^${e}` : `${p}`).join(' × ')}

)}

); }