🔍 사이트 분석기 - v4.0 완벽한 컴포넌트 생성

사이트 URL 입력

분석 중...

분석 옵션

색상 팔레트 추출

폰트 스타일 추출

레이아웃 패턴 분석

테마 자동 생성

생성된 컴포넌트

사이트를 분석하고 컴포넌트를 생성하는 중...

'; const blob = new Blob([content], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = component.name.toLowerCase().replace(/\s+/g, '-') + '.html'; a.click(); URL.revokeObjectURL(url); } } // 엔터키로 분석 시작 document.getElementById('siteUrl').addEventListener('keypress', function(e) { if (e.key === 'Enter') { analyzeSite(); } }); // 데모 URL 자동 입력 document.addEventListener('DOMContentLoaded', function() { const demoUrls = [ 'https://github.com', 'https://dribbble.com', 'https://medium.com', 'https://shopify.com', 'https://netflix.com' ]; const randomUrl = demoUrls[Math.floor(Math.random() * demoUrls.length)]; document.getElementById('siteUrl').value = randomUrl; });