smarketing-frontend/index.html
2025-06-18 16:53:15 +09:00

60 lines
2.0 KiB
HTML

//* public/index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="소상공인을 위한 AI 마케팅 솔루션" />
<meta name="keywords" content="AI, 마케팅, 소상공인, 콘텐츠, 자동화" />
<meta name="author" content="AI 마케팅 팀" />
<!-- PWA 설정 -->
<meta name="theme-color" content="#1976D2" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="AI 마케팅" />
<!-- 파비콘 -->
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/images/logo192.png" />
<!-- Manifest -->
<link rel="manifest" href="/manifest.json" />
<!-- 폰트 사전 로드 -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
rel="stylesheet"
/>
<!-- 런타임 환경 설정 -->
<script src="/runtime-env.js"></script>
<title>AI 마케팅 - 소상공인을 위한 스마트 마케팅 솔루션</title>
</head>
<body>
<div id="app"></div>
<!-- 앱 스크립트 -->
<script type="module" src="/src/main.js"></script>
<!-- 서비스 워커 등록 -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker
.register('/sw.js')
.then((registration) => {
console.log('SW registered: ', registration)
})
.catch((registrationError) => {
console.log('SW registration failed: ', registrationError)
})
})
}
</script>
</body>
</html>