https://blackall.ai/

1<!DOCTYPE html>
2<html lang="ko">
3  <head>
4    <!-- 부팅 워치독 — 모듈 엔트리가 어떤 이유로든 죽어 백지가 되면(App Store 2.1(a) 리젝 사유):
5         1) head 최상단에서 리소스/JS 로드 실패를 캡처해 두고, 6초 후에도 #root가 비어 있으면
6         2) 진단을 track-error로 전송(모듈과 무관한 non-module 스크립트라 항상 동작)하고
7         3) 사용자에게 보이는 재시도 화면을 그린다. -->
8    

8<script>
9      (function () {
10        var errs = [];
11        window.addEventListener('error', function (e) {
12          try {
13            if (e && e.target && (e.target.src || e.target.href)) errs.push('RES ' + (e.target.src || e.target.href));
14            else if (e && e.message) errs.push('JS ' + e.message);
15          } catch (_) {}
16        }, true);
17        setTimeout(function () {
18          try {
19            var r = document.getElementById('root');
20            // #root 에는 빌드 시 크롤러용 SEO 폴백 본문이 들어 있다(generate-seo-pages.mjs).
21            // 그래서 "innerHTML 이 비었나"만 보면 앱이 죽어도 정상 부팅으로 오판한다.
22            // React 가 마운트되면 #root 를 통째로 덮어써 이 마커가 사라지므로,
23            // 마커가 남아 있으면 아직 안 붙은 것으로 본다.
24            if (r && !r.querySelector('[data-seo-fallback]') && r.innerHTML && r.innerHTML.length > 50) return; // 정상 부팅
25            try {
26              var K = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imx3dnppZnh2Z3d4c3ZxeGRqemZoIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTcwNDY3NTgsImV4cCI6MjA3MjYyMjc1OH0.FwE4pl6coZP3u-F9NdxKzmYtQOdfgodTL-moLIrOqlg';
27              fetch('https://lwvzifxvgwxsvqxdjzfh.supabase.co/functions/v1/track-error', {
28                method: 'POST',
29                headers: { 'Content-Type': 'application/json', Authorization: 'Bearer ' + K },
30                body: JSON.stringify({
31                  app_source: 'web', area: 'boot-watchdog', action: 'blank-screen', code: 'BOOT_BLANK',
32                  path: location.protocol + '//' + location.host + location.pathname,
33                  message: ((errs.join(' | ') || 'no captured resource/js errors') + ' :: ' + navigator.userAgent).slice(0, 990)
34                })
35              });
36            } catch (_) {}
37            if (r) {
38              // 원인에 따라 다른 말을 해야 한다. 문법 오류(SyntaxError)는 브라우저가 우리
39              // 번들을 파싱하지 못한 것이라 **다시 시도해도 절대 안 된다** — 빌드 타깃이
40              // es2020 이라 옵셔널 체이닝(`?.`)이 그대로 나가고, 크롬 57 같은 구형은
41              // "Unexpected token ." 로 죽는다. 그런데도 "네트워크를 확인하고 다시
42              // 시도" 라고 안내해서, 같은 기기가 새로고침만 반복했다(2026-08-24·26 리포트).
43              var syntaxDead = errs.join(' ').indexOf('SyntaxError') !== -1;
44              var title = syntaxDead ? '이 브라우저에서는 실행할 수 없어요' : '화면을 불러오지 못했어요';
45              var body = syntaxDead
46                ? '브라우저가 오래되어 이 페이지를 열 수 없어요. 최신 브라우저로 다시 열어 주세요.<br/>This browser is too old to run the app. Please open it in an up-to-date browser.'
47                : '네트워크 상태를 확인한 뒤 다시 시도해 주세요.<br/>The app failed to load. Please check your connection and retry.';
48              // 재시도해도 안 되는 경우에는 버튼을 주지 않는다. 되지도 않을 행동을 권하는
49              // 버튼은 안내가 아니라 함정이다.
50              var retry = syntaxDead ? '' : '<button onclick="location.reload()" style="margin-top:8px;padding:10px 22px;border:none;border-radius:8px;background:#ff7500;color:#16110a;font-weight:600;font-size:14px">다시 시도 / Retry</button>';
51              r.innerHTML = '<div style="min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#0b0a09;color:#faf7f4;font-family:system-ui,-apple-system,sans-serif;text-align:center"><strong style="font-size:18px">' + title + '</strong><span style="font-size:13px;opacity:.75;line-height:1.6">' + body + '</span>' + retry + '</div>';
52            }
53          } catch (_) {}
54        }, 6000);
55      })();
56    </script>

56
57    <!-- Google Tag Manager -->
58    

58<script>

58(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
59    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
60    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
61    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
62    })(window,document,'script','dataLayer','

62GTM-KGJDF774

62');

62</script>

62
63    <!-- End Google Tag Manager -->
64    <meta charset="UTF-8" />
65    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
66
67    <!-- SEO 폴백 본문을 JS 방문자에게는 첫 페인트부터 숨긴다.
68
69         `#root` 안에는 크롤러용 폴백 본문이 들어 있다 — 프리렌더 정적 페이지
70         (scripts/generate-seo-pages.mjs)와 상세 페이지 SSR(api/_seo-utils.js) 양쪽 다
71         `data-seo-fallback` 마커를 달고 넣는다. `<noscript>` 안의 h1 을 SEO 검사기가
72         본문으로 인정하지 않아 `#root` 안으로 옮긴 것이고, 그 판단 자체는 맞다.
73
74         틀린 것은 "React 가 `#root` 를 덮어쓰므로 사용자에게는 플래시가 없다" 는 쪽이었다.
75         덮어쓰기는 마운트 **후**다. 브라우저는 도착한 HTML 을 먼저 그리므로, 진입할 때마다
76         흰 배경에 h1·FAQ·링크 목록이 떴다가 사라졌다(main.tsx 가 App 을 동적 import 해서
77         청크 왕복이 한 번 더 있는 만큼 더 길게 보인다).
78
79         그래서 **JS 가 도는 방문자에게만** 숨긴다. 네 경우가 모두 맞는다:
80           - 원본 HTML 파서(빙·SEO 감사기·AI 크롤러) → CSS 를 적용하지 않으므로 h1·본문 그대로
81           - JS 끈 사용자 → `js-boot` 가 안 붙으므로 그대로 보임(noscript 와 동일 효과)
82           - 일반 사용자 → 첫 페인트부터 숨겨져 플래시 없음
83           - 렌더링 크롤러(구글) → 숨겨지지만 React 가 그린 실제 화면을 본다
84
85         DOM 에서 지우는 게 아니라 `display:none` 이므로, 부팅 워치독이 쓰는
86         `data-seo-fallback` 마커 판정("React 가 아직 안 붙었다")은 그대로 동작한다.
87         이 두 줄은 `<head>` 안, 즉 body 파싱 전에 있어야 의미가 있다 — 옮기지 말 것. -->
88    

88<script>document.documentElement.classList.add('js-boot');</script>

88
89    <style>.js-boot [data-seo-fallback]{display:none !important}</style>
90
91    <!-- 글자 크기 설정을 React 가 붙기 전에 적용한다. 앱이 올라온 뒤에 걸면
92         화면이 기본 크기로 한 번 그려졌다가 커지면서 글자가 튄다. 글자 크기를
93         키운 사람은 그 깜빡임을 매번 본다.
94         저장소를 막아 둔 브라우저에서는 읽기 자체가 던지므로 통째로 감싼다 -
95         여기서 던지면 아래 스크립트가 전부 멈춘다. -->
96    

96<script>
97      try {
98        var s = localStorage.getItem('blackall:font-scale');
99        if (s === 'large' || s === 'xlarge') document.documentElement.setAttribute('data-font-scale', s);
100      } catch (e) {}
101    </script>

101
102
103    <!-- Primary Meta -->
104    <title>BlackAll - 아시아 최초 올인원 AI 플랫폼</title>
105    <meta name="description" content="아시아 최초 올인원 AI 플랫폼. AI 챗, 이미지, 영상, 코딩, 문서를 한곳에서 써요. 검색·문서·코딩은 기본 엔진으로 무료로 쓰고, 가입하면 3,000 크레딧을 드려요. 사업계획서·근로계약서 같은 문서 양식과 성격검사도 바로 쓸 수 있어요." />
106    <meta name="keywords" content="무료 AI, AI 어시스턴트, ChatGPT 대안, Claude 대안, AI 검색, AI 문서작성, AI 코딩, AI 이미지 생성, MBTI 검사, 운세, 주식 분석, 블랙올, BlackAll" />
107    <meta name="author" content="BlackAll" />
108    <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />
109    <meta name="googlebot" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />
110    <!-- 네이버 서치어드바이저 소유확인: 미등록. 받은 태그를 이 줄 아래에 넣을 것.
111         받는 법·주의(trade 값 재사용 불가): docs/seo/SEARCH_CONSOLE_OWNERSHIP.md -->
112    <meta name="referrer" content="origin-when-cross-origin" />
113    <meta name="format-detection" content="telephone=no, address=no, email=no" />
114    <meta name="application-name" content="BlackAll" />
115
116    <!-- Canonical & hreflang -->
117    <link rel="canonical" href="https://blackall.ai/" />
118    <link rel="alternate" hreflang="ko" href="https://blackall.ai/" />
119    <link rel="alternate" hreflang="en" href="https://blackall.ai/en/" />
120    <link rel="alternate" hreflang="ja" href="https://blackall.ai/ja/" />
121    <link rel="alternate" hreflang="x-default" href="https://blackall.ai/" />
122
123    <!-- Open Graph -->
124    <meta property="og:type" content="website" />
125    <meta property="og:site_name" content="BlackAll" />
126    <meta property="og:title" content="BlackAll - 아시아 최초 올인원 AI 플랫폼" />
127    <meta property="og:description" content="AI 챗, 이미지, 영상, 코딩, 문서를 한곳에서 써요" />
128    <!-- 512.png 는 실제로 512×512 다. 예전에는 1200×630 으로 선언돼 있었는데,
129         선언과 실물이 다르면 슬랙·카카오·X 가 미리 잡아 둔 자리와 실제 이미지가 어긋나
130         카드가 깨진다. 자산이 바뀌기 전까지는 실물 치수를 그대로 적는다.
131         (제대로 된 1200×630 OG 이미지를 만들면 그때 파일과 함께 치수도 올릴 것) -->
132    <meta property="og:image" content="https://blackall.ai/512.png" />
133    <meta property="og:image:width" content="512" />
134    <meta property="og:image:height" content="512" />
135    <meta property="og:image:alt" content="BlackAll - 아시아 최초 올인원 AI 플랫폼" />
136    <meta property="og:url" content="https://blackall.ai/" />
137    <meta property="og:locale" content="ko_KR" />
138    <meta property="og:locale:alternate" content="en_US" />
139
140    <!-- Twitter Card -->
141    <meta name="twitter:card" content="summary_large_image" />
142    <meta name="twitter:site" content="@blackall_ai" />
143    <meta name="twitter:creator" content="@blackall_ai" />
144    <meta name="twitter:title" content="BlackAll - 아시아 최초 올인원 AI 플랫폼" />
145    <meta name="twitter:description" content="AI 챗, 이미지, 영상, 코딩, 문서를 한곳에서 써요" />
146    <meta name="twitter:image" content="https://blackall.ai/512.png" />
147    <meta name="twitter:image:alt" content="BlackAll - 아시아 최초 올인원 AI 플랫폼" />
148
149    <!-- Mobile & PWA -->
150    <meta name="theme-color" content="#ff7500" />
151    <meta name="mobile-web-app-capable" content="yes" />
152    <meta name="apple-mobile-web-app-capable" content="yes" />
153    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
154    <meta name="apple-mobile-web-app-title" content="BlackAll" />
155
156    <!-- Icons -->
157    <link rel="icon" type="image/png" href="/192.png" />
158    <link rel="icon" type="image/png" sizes="192x192" href="/192.png" />
159    <link rel="icon" type="image/png" sizes="512x512" href="/512.png" />
160    <link rel="apple-touch-icon" href="/192.png" />
161    <link rel="manifest" href="/manifest.json" />
162
163    <!-- Resource Hints — preconnect는 즉시 사용하는 출처에만.
164         lwvzifxvgwxsvqxdjzfh.supabase.co: 거의 모든 요청이 거기로 → 유지
165         fonts.googleapis.com: 실제 호출 없어서 미사용 경고 → dns-prefetch로만 -->

166    <link rel="preconnect" href="https://lwvzifxvgwxsvqxdjzfh.supabase.co" />
167    <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com" />
168    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
169    <link rel="dns-prefetch" href="https://cdn.channel.io" />
170    <link rel="dns-prefetch" href="https://t1.kakaocdn.net" />
171
172    <!-- JSON-LD: Organization + WebSite + SearchAction + SoftwareApplication -->
173    

173<script type="application/ld+json">
174    {
175      "@context": "https://schema.org",
176      "@graph": [
177        {
178          "@type": "Organization",
179          "@id": "https://blackall.ai/#organization",
180          "name": "BlackAll",
181          "alternateName": "블랙올 AI",
182          "url": "https://blackall.ai",
183          "logo": {
184            "@type": "ImageObject",
185            "@id": "https://blackall.ai/#logo",
186            "url": "https://blackall.ai/512.png",
187            "width": 512,
188            "height": 512,
189            "caption": "BlackAll"
190          },
191          "image": { "@id": "https://blackall.ai/#logo" },
192          "description": "아시아 최초 올인원 AI 플랫폼. 질문마다 맞는 엔진을 자동으로 고르고, 채팅·이미지·영상·코딩·문서를 크레딧 하나로 써요.",
193          "foundingDate": "2025",
194          "areaServed": ["KR", "US", "JP", "CN"],
195          "knowsAbout": [
196            "AI 검색",
197            "AI 문서작성",
198            "AI 코딩",
199            "AI 이미지 생성",
200            "AI 쇼츠 제작",
201            "AI 음성 대화",
202            "ChatGPT 대안",
203            "Claude 대안",
204            "GPT-4o",
205            "DeepSeek",
206            "Gemini",
207            "Whisper STT",
208            "프롬프트 엔지니어링"
209          ],
210          "sameAs": [
211            "https://www.linkedin.com/company/blackall-ai",
212            "https://twitter.com/blackall_ai",
213            "https://www.youtube.com/@blackallai",
214            "https://www.crunchbase.com/organization/blackall-ai"
215          ],
216          "contactPoint": {
217            "@type": "ContactPoint",
218            "contactType": "customer service",
219            "availableLanguage": ["Korean", "English"]
220          }
221        },
222        {
223          "@type": "WebSite",
224          "@id": "https://blackall.ai/#website",
225          "url": "https://blackall.ai",
226          "name": "BlackAll",
227          "alternateName": "블랙올 AI",
228          "description": "아시아 최초 올인원 AI 플랫폼 - 검색, 문서작성, 코딩, 이미지, 영상, 상품 분석",
229          "publisher": { "@id": "https://blackall.ai/#organization" },
230          "inLanguage": ["ko-KR", "en-US"],
231          "potentialAction": {
232            "@type": "SearchAction",
233            "target": {
234              "@type": "EntryPoint",
235              "urlTemplate": "https://blackall.ai/search?q={search_term_string}"
236            },
237            "query-input": "required name=search_term_string"
238          }
239        },
240        {
241          "@type": "SoftwareApplication",
242          "@id": "https://blackall.ai/#app",
243          "name": "BlackAll",
244          "alternateName": "블랙올 AI",
245          "description": "아시아 최초 올인원 AI 플랫폼. 검색, 문서작성, 코딩, 이미지 생성, 영상, 상품 분석을 크레딧 하나로 써요",
246          "url": "https://blackall.ai",
247          "applicationCategory": "UtilitiesApplication",
248          "operatingSystem": "Web, iOS, Android",
249          "inLanguage": ["ko-KR", "en-US"],
250          "offers": {
251            "@type": "Offer",
252            "price": "0",
253            "priceCurrency": "KRW"
254          },
255          "publisher": { "@id": "https://blackall.ai/#organization" },
256          "featureList": [
257            "AI 검색 및 웹 탐색",
258            "AI 문서 작성",
259            "AI 코딩 지원",
260            "AI 이미지 생성",
261            "AI 쇼츠 제작",
262            "상품 상세페이지 자동 생성",
263            "MBTI 성격 검사",
264            "Big5 성격 검사",
265            "오늘의 운세",
266            "실시간 주식·경제 정보",
267            "AI 위키백과",
268            "AI 클래스"
269          ]
270        }
271      ]
272    }
273    </script>

273
274    

274<script type="module" src="/assets/index-B4NvAS2-.js"></script>

274
275    <link rel="stylesheet" href="/assets/index-BUyo3I5K.css">
276      

276<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","@id":"https://blackall.ai/#faq","mainEntity":[{"@type":"Question","name":"BlackAll AI는 무엇인가요?","acceptedAnswer":{"@type":"Answer","text":"BlackAll AI는 검색·문서작성·코딩·이미지·영상·상품분석과 성격검사·운세·주식 정보를 한 곳에서 제공하는 아시아 최초 올인원 AI 플랫폼이에요. 질문마다 맞는 엔진을 자동으로 골라 한국어로 답해요."}},{"@type":"Question","name":"BlackAll AI는 정말 무료인가요?","acceptedAnswer":{"@type":"Answer","text":"네. 핵심 기능은 로그인이나 결제 없이 무료로 사용할 수 있으며, 광고 기반 수익 모델이라 무료 사용자도 제한 없이 계속 이용할 수 있어요."}},{"@type":"Question","name":"ChatGPT나 Claude와 무엇이 다른가요?","acceptedAnswer":{"@type":"Answer","text":"BlackAll AI는 하나의 AI에 종속되지 않고 여러 엔진을 모아 두고 작업에 가장 알맞은 엔진을 골라 써요. 검색·문서·코딩·이미지·성격검사·운세·주식까지 여러 도구를 한 화면에서 오갈 수 있어요."}},{"@type":"Question","name":"여러 AI를 비교해서 쓸 수 있나요?","acceptedA

276nswer":{"@type":"Answer","text":"네. 같은 질문을 여러 엔진에 보내 비교하고, 가장 저렴하거나 빠르거나 정확한 엔진을 직접 선택할 수 있어요."}},{"@type":"Question","name":"어떤 기능을 사용할 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"AI 검색, 문서작성, 코딩, 이미지 생성, 쇼츠 제작, 상품 상세페이지 자동 생성, MBTI·Big5 성격검사, 오늘의 운세, 실시간 주식·경제 분석, AI 위키, AI 클래스, AI 음성 대화를 제공해요."}}]}</script>

276
277  </head>
278  <body>
279    <!-- Google Tag Manager (noscript) -->

279
280    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

280GTM-KGJDF774

280"
281    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
282    

282<!-- End Google Tag Manager (noscript) -->
283    <div id="root"><div data-seo-home data-seo-fallback>
284  <main style="max-width:860px;margin:40px auto;padding:0 20px;font-family:system-ui,sans-serif;line-height:1.7;color:#333">
285    <h1 style="font-size:34px;margin-bottom:12px">BlackAll AI: 아시아 최초 올인원 AI 플랫폼</h1>
286    <p style="font-size:18px;margin-bottom:24px">BlackAll AI는 <strong>아시아 최초 올인원 AI 플랫폼</strong>이에요. 질문마다 맞는 엔진을 자동으로 고르고, 크레딧 하나로 검색·문서작성·코딩·이미지 생성·영상·상품분석부터 MBTI·Big5 성격검사, 운세, 주식·경제 분석까지 하나의 화면에서 제공하며, 한국어에 최적화돼 있고 검색·문서·코딩은 무료로 쓸 수 있어요.</p>
287    <h2 style="font-size:22px;margin-top:32px;margin-bottom:12px">주요 기능</h2>
288    <ul>
289      <li><a href="https://blackall.ai/search">AI 검색</a> — 웹·뉴스·자료조사</li>
290      <li><a href="https://blackall.ai/document">AI 문서작성</a> — 레포트·블로그·논문·PPT</li>
291      <li><a href="https://blackall.ai/chat/code">AI 코딩</a> — 코드 생성·디버깅·최적화</li>
292      <li><a href="https://blackall.ai/image">AI 이미지 생성</a> — 일러스트·실사·컨셉아트</li>
293      <li><a href="https://blackall.ai/shorts">AI 쇼츠 제작</a> — 틱톡·릴스·유튜브쇼츠</li>
294      <li><a href="https://blackall.ai/fortune">오늘의 운세 AI</a> — 타로·사주·별자리</li>
295      <li><a href="https://blackall.ai/mbti">무료 MBTI 검사</a> — 16유형 성격분석</li>
296      <li><a href="https://blackall.ai/big5">무료 Big5 성격검사</a> — 5대 성격요인</li>
297      <li><a href="https://blackall.ai/finance">AI 주식·경제 분석</a> — 실시간 시세·뉴스</li>
298      <li><a href="https://blackall.ai/wiki">AI 위키</a> — 함께 만드는 지식 백과</li>
299      <li><a href="https://blackall.ai/aiclass">AI 클래스</a> — 무료 AI 활용 교육</li>
300      <li><a href="https://blackall.ai/voice">AI 음성 대화</a>: 여러 엔진 실시간 음성</li>
301    </ul>
302    <h2 style="font-size:22px;margin-top:32px;margin-bottom:12px">자주 묻는 질문</h2>
303    <h3 style="font-size:17px;margin-top:20px">BlackAll AI는 무엇인가요?</h3>
304    <p>BlackAll AI는 검색·문서작성·코딩·이미지·영상·상품분석과 성격검사·운세·주식 정보를 한 곳에서 제공하는 아시아 최초 올인원 AI 플랫폼이에요. 여러 AI 엔진을 통합해 상황에 맞는 최적의 답을 한국어로 제공해요.</p>
305    <h3 style="font-size:17px;margin-top:20px">정말 무료인가요?</h3>
306    <p>네. 핵심 기능은 로그인·결제 없이 무료로 사용할 수 있으며, 광고 기반 모델이라 무료 사용자도 제한 없이 계속 이용할 수 있어요.</p>
307    <h3 style="font-size:17px;margin-top:20px">ChatGPT나 Claude와 무엇이 다른가요?</h3>
308    <p>BlackAll AI는 하나의 AI에 종속되지 않고 여러 엔진을 모아 두고 작업에 가장 알맞은 엔진을 골라 써요. 또한 검색·문서·코딩·이미지·성격검사·운세·주식까지 여러 도구를 한 화면에서 오갈 수 있어요.</p>
309    <h3 style="font-size:17px;margin-top:20px">여러 AI를 비교해서 쓸 수 있나요?</h3>
310    <p>네. 같은 질문을 여러 엔진에 보내 비교하고, 가장 저렴하거나 빠르거나 정확한 엔진을 직접 선택할 수 있어요.</p>
311    <p style="margin-top:32px;font-size:14px;color:#666">JavaScript를 활성화하면 인터랙티브한 BlackAll AI 환경이 로드돼요.</p>
312  </main>
313</div></div>
314  </body>
315</html>