10 성적 섹션: 공인 벤치마크 48개 실시간 지도 + 1위 10개 + 디지털타임스 보도 / 엠대시 30개 전량 제거(P0)
Browse files- index.html +133 -34
index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="utf-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1">
|
| 6 |
-
<title>퀀트ID · 토큰 검침
|
| 7 |
<meta name="description" content="AI에 돈이 얼마 나가는지는 알아도 어디로 나가는지는 모릅니다. 퀀트ID는 업무 한 건이 토큰 몇 개를 먹는지부터 재 드립니다. 토큰 원장 · 토큰 등급 · 퀀트 4형제. 망 안에서 돌아갑니다.">
|
| 8 |
<meta property="og:title" content="퀀트ID · 토큰 검침">
|
| 9 |
<meta property="og:description" content="버는 건 원, 쓰는 건 토큰. 그 사이 환율을 아는 회사가 없습니다. 퀀트ID가 그 환율을 잽니다.">
|
|
@@ -243,6 +243,28 @@ table.brank tr.mine td{font-weight:600}
|
|
| 243 |
.band .bcut{margin-top:12px;padding-top:10px;border-top:1px solid #2C333F;
|
| 244 |
font-size:11.5px;color:#8C93A0}
|
| 245 |
@media(max-width:880px){.band .bgrid{grid-template-columns:1fr;gap:30px}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 246 |
</style>
|
| 247 |
</head>
|
| 248 |
<body>
|
|
@@ -275,6 +297,7 @@ table.brank tr.mine td{font-weight:600}
|
|
| 275 |
<a href="#marks">인증 마크</a>
|
| 276 |
<a href="#proof">실측</a>
|
| 277 |
<a href="#board">업계 대조</a>
|
|
|
|
| 278 |
<a href="#self">자가 검침</a>
|
| 279 |
<a href="#contact">문의</a>
|
| 280 |
</div>
|
|
@@ -295,7 +318,7 @@ table.brank tr.mine td{font-weight:600}
|
|
| 295 |
</div>
|
| 296 |
<div style="display:flex; justify-content:center">
|
| 297 |
<svg viewBox="0 0 100 100" style="width:min(300px,70vw); color:var(--obsidian)" role="img"
|
| 298 |
-
aria-label="퀀트ID 심볼
|
| 299 |
<use href="#qmark"/>
|
| 300 |
</svg>
|
| 301 |
</div>
|
|
@@ -510,8 +533,8 @@ table.brank tr.mine td{font-weight:600}
|
|
| 510 |
<div class="tw"><table>
|
| 511 |
<thead><tr><th>항목</th><th>어디서 잰 값인가</th><th>아직 안 잰 것</th></tr></thead>
|
| 512 |
<tbody>
|
| 513 |
-
<tr><td>화면 후보 추리기</td><td>영어 화면 데이터셋</td><td><b>한국어 화면</b>
|
| 514 |
-
<tr><td>판정 정확도</td><td>우리 2,018문항 보드</td><td>
|
| 515 |
<tr><td>가속 배수</td><td>동시 사용자 8 / 32 / 128 / 256명</td><td>그 밖의 구간, 귀사 트래픽 형상</td></tr>
|
| 516 |
<tr><td>압축 등급</td><td>Q8은 사실상 그대로, Q4는 프로파일 재생성 필요</td><td>더 낮은 등급의 업무별 허용선</td></tr>
|
| 517 |
<tr><td>엣지 구동</td><td>한계는 용량이 아니라 메모리 대역폭</td><td>귀사 현장 장비에서의 실제 상한</td></tr>
|
|
@@ -715,13 +738,13 @@ table.brank tr.mine td{font-weight:600}
|
|
| 715 |
|
| 716 |
<div class="grid g4 bcards">
|
| 717 |
<div class="card kpi"><div class="num">순위</div>
|
| 718 |
-
<div class="big" id="kRank">
|
| 719 |
<div class="card kpi"><div class="num">필요 장수</div>
|
| 720 |
-
<div class="big" id="kGpu">
|
| 721 |
<div class="card kpi"><div class="num">월 전기요금</div>
|
| 722 |
-
<div class="big" id="kPow">
|
| 723 |
<div class="card kpi"><div class="num">월 클라우드</div>
|
| 724 |
-
<div class="big" id="kUsd">
|
| 725 |
</div>
|
| 726 |
|
| 727 |
<div class="note" id="bNote"><p>GPU를 고르면 계산합니다.</p></div>
|
|
@@ -734,9 +757,85 @@ table.brank tr.mine td{font-weight:600}
|
|
| 734 |
<p class="hint" id="bSrc"></p>
|
| 735 |
</div></section>
|
| 736 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 737 |
<!-- 자가 검침 -->
|
| 738 |
<section id="self"><div class="wrap">
|
| 739 |
-
<div class="eyebrow">
|
| 740 |
<h2 class="h2">자가 검침<span class="en">Self-Metering</span></h2>
|
| 741 |
<p class="lead">숫자 세 개, 질문 네 개면 지금 등급이 나옵니다. 입력하신 건 저장하지 않습니다.</p>
|
| 742 |
<div class="meter">
|
|
@@ -747,7 +846,7 @@ table.brank tr.mine td{font-weight:600}
|
|
| 747 |
<input id="mon" type="number" value="1000000" min="1"></div>
|
| 748 |
<div class="field"><label for="usr">동시 사용자 수</label>
|
| 749 |
<input id="usr" type="number" value="32" min="1" max="100000"></div>
|
| 750 |
-
<div class="field"><label for="pri">입력 100만 토큰당 단가 (원
|
| 751 |
<input id="pri" type="number" placeholder="비워두면 환산하지 않습니다" min="0"></div>
|
| 752 |
<p class="hint">망 안에서 직접 돌리시면 토큰 단가라는 게 없습니다. 비워두시면 토큰 개수로만 보여드립니다.</p>
|
| 753 |
<div class="checks">
|
|
@@ -759,15 +858,15 @@ table.brank tr.mine td{font-weight:600}
|
|
| 759 |
<button class="btn btn-p" id="run" style="width:100%">검침하기</button>
|
| 760 |
</div>
|
| 761 |
<div class="panel result" id="res">
|
| 762 |
-
<div class="rg"><div class="letter" id="rLetter">
|
| 763 |
<div class="rows">
|
| 764 |
-
<div class="row"><span>현재 입력 토큰 / 건</span><b id="rBefore">
|
| 765 |
-
<div class="row"><span>퀀트 판정 적용 후 / 건</span><b id="rAfter">
|
| 766 |
-
<div class="row"><span>압축 배수</span><b id="rRatio">
|
| 767 |
-
<div class="row"><span>월 절감 토큰</span><b id="rSaved">
|
| 768 |
-
<div class="row"><span>퀀트 가속 배수 <span id="rUsers" class="mono" style="color:var(--ink3)"></span></span><b id="rMult">
|
| 769 |
-
<div class="row"><span>같은 업무량의 GPU 장수</span><b id="rGpu">
|
| 770 |
-
<div class="row" id="rMoneyRow" style="display:none"><span>월 절감액</span><b id="rMoney">
|
| 771 |
</div>
|
| 772 |
<ul class="cav" id="rCav"></ul>
|
| 773 |
</div>
|
|
@@ -776,15 +875,15 @@ table.brank tr.mine td{font-weight:600}
|
|
| 776 |
|
| 777 |
<!-- 산업별 -->
|
| 778 |
<section id="sectors"><div class="wrap">
|
| 779 |
-
<div class="eyebrow">
|
| 780 |
<h2 class="h2">밖으로 못 내보내는 일이 많은 곳부터<span class="en">Where the work cannot leave the network</span></h2>
|
| 781 |
<div class="grid g4">
|
| 782 |
<div class="card"><h3>금융</h3><p>여신·수신 원장 화면 조작, 개인신용정보 구간 판정, 자동화 결정 설명 근거, 이상거래 알람 선별.</p>
|
| 783 |
-
<div class="cut">전자금융감독규정 망분리
|
| 784 |
<div class="card"><h3>보건 · 의료</h3><p>EMR·OCS 화면 업무, 건��정보 비식별화, 동의서 조항 선별, 의무기록 검색 재순위.</p>
|
| 785 |
<div class="cut">개인정보 보호법 제23조 민감정보</div></div>
|
| 786 |
<div class="card"><h3>공공 · 국방</h3><p>완전 폐쇄망 문서·행정, 비공개 사유 후보 분류, 반출 전 점검, 사이버 관제 알람 선별.</p>
|
| 787 |
-
<div class="cut">AI 기본법 제35조
|
| 788 |
<div class="card"><h3>IT · 제조</h3><p>되돌릴 수 없는 명령의 실행 직전 판정, ERP·그룹웨어 화면 업무, 비밀정보 탐지, 관제 선별.</p>
|
| 789 |
<div class="cut">기존 도구·모델 교체 없이 훅으로 삽입</div></div>
|
| 790 |
</div>
|
|
@@ -796,7 +895,7 @@ table.brank tr.mine td{font-weight:600}
|
|
| 796 |
|
| 797 |
<!-- 검침 구독 -->
|
| 798 |
<section id="engage"><div class="wrap">
|
| 799 |
-
<div class="eyebrow">
|
| 800 |
<h2 class="h2">검침 구독<span class="en">Metering Subscription</span></h2>
|
| 801 |
<div class="steps">
|
| 802 |
<div class="step"><div class="sn">STEP 1</div><h4>자가 검침</h4><p>이 페이지에서 등급부터 보십시오. 자료 주실 것 없습니다.</p><div class="dur">바로 · 무료</div></div>
|
|
@@ -811,7 +910,7 @@ table.brank tr.mine td{font-weight:600}
|
|
| 811 |
|
| 812 |
<!-- 기술 기반 -->
|
| 813 |
<section id="tech"><div class="wrap">
|
| 814 |
-
<div class="eyebrow">
|
| 815 |
<h2 class="h2">전략적 제휴<span class="en">Strategic alliances</span></h2>
|
| 816 |
<p class="lead">원천 기술은 제휴로 확보하고, 묶어서 공급하고 책임지는 건 저희가 합니다.
|
| 817 |
네 가지 기술 때문에 <strong>네 군데와 따로 계약하실 일은 없습니다.</strong></p>
|
|
@@ -827,7 +926,7 @@ table.brank tr.mine td{font-weight:600}
|
|
| 827 |
|
| 828 |
<!-- 문의 -->
|
| 829 |
<section id="contact" style="border-bottom:none"><div class="wrap">
|
| 830 |
-
<div class="eyebrow">
|
| 831 |
<h2 class="h2">장부부터 뽑아보시죠<span class="en">Start with the ledger</span></h2>
|
| 832 |
<p class="lead">뭘 도입할지 정하기 전에, 지금 어디에 쓰고 계신지부터 보는 게 순서입니다.</p>
|
| 833 |
<div class="panel" style="margin-top:34px; max-width:620px">
|
|
@@ -869,7 +968,7 @@ const $ = id => document.getElementById(id);
|
|
| 869 |
const fmt = n => Math.round(n).toLocaleString('ko-KR');
|
| 870 |
const GC = {A:'var(--gA)', B:'var(--gB)', C:'var(--gC)', D:'var(--gD)'};
|
| 871 |
|
| 872 |
-
/* 실측 2점에 맞춘 보정값
|
| 873 |
기울기 (4444-1132)/(200-50)=22.08 tok/후보 · 절편 ≈ 28 */
|
| 874 |
const TOK_PER_CAND = 22.08, TOK_BASE = 28.0, KEEP = 50;
|
| 875 |
/* 동시 사용자별 실측 처리량 배수 */
|
|
@@ -930,7 +1029,7 @@ $('run').addEventListener('click', () => {
|
|
| 930 |
$('res').classList.add('on');
|
| 931 |
});
|
| 932 |
|
| 933 |
-
/* 문의
|
| 934 |
const INBOX = 'https://quantid-quantid.hf.space/api/contact';
|
| 935 |
$('send').addEventListener('click', async () => {
|
| 936 |
const btn=$('send'), out=$('sendMsg');
|
|
@@ -956,7 +1055,7 @@ $('send').addEventListener('click', async () => {
|
|
| 956 |
}
|
| 957 |
});
|
| 958 |
|
| 959 |
-
/* ===== 09 · 대조
|
| 960 |
(function(){
|
| 961 |
var B=null, $b=function(i){return document.getElementById(i)};
|
| 962 |
var W=560,H=400, L=58,R=14,T=18,Bm=44;
|
|
@@ -995,7 +1094,7 @@ $('send').addEventListener('click', async () => {
|
|
| 995 |
calc();
|
| 996 |
}
|
| 997 |
|
| 998 |
-
/* 물리 상한
|
| 999 |
function ceil(hw, actB, q, con){
|
| 1000 |
if(!hw||!hw.bw||!actB) return null;
|
| 1001 |
return con*(hw.bw*1e12)/(actB*1e9*(B.bpp[q]||1));
|
|
@@ -1026,7 +1125,7 @@ $('send').addEventListener('click', async () => {
|
|
| 1026 |
|
| 1027 |
if(!est){
|
| 1028 |
$b('bNote').innerHTML='<p>이 GPU는 기록이 모자라서 추정하지 않겠습니다. 없는 숫자를 지어내는 것보다 낫습니다.</p>';
|
| 1029 |
-
['kRank','kGpu','kPow','kUsd'].forEach(function(i){$b(i).textContent='
|
| 1030 |
return;
|
| 1031 |
}
|
| 1032 |
|
|
@@ -1041,12 +1140,12 @@ $('send').addEventListener('click', async () => {
|
|
| 1041 |
if(hw.w){ var kW=need*hw.w/1000, mWh=kW*730;
|
| 1042 |
$b('kPow').textContent=FX(Math.round(mWh*kwh))+'원';
|
| 1043 |
$b('kPowSub').textContent=FX(Math.round(mWh))+' kWh · '+kW.toFixed(1)+' kW';
|
| 1044 |
-
} else { $b('kPow').textContent='
|
| 1045 |
|
| 1046 |
if(hw.usd){ var usd=need*hw.usd*730;
|
| 1047 |
$b('kUsd').textContent=FX(Math.round(usd*1380/1e4))+'만원';
|
| 1048 |
$b('kUsdSub').textContent='$'+FX(Math.round(usd))+' · 환율 1,380원';
|
| 1049 |
-
} else { $b('kUsd').textContent='
|
| 1050 |
|
| 1051 |
var others=basis.filter(function(r){return !r.own}).length;
|
| 1052 |
$b('bNote').innerHTML='<p>이 설정이면 <strong>GPU 한 장에 초당 '+FX(Math.round(est))+'토큰</strong>쯤 나옵니다. '+
|
|
@@ -1059,9 +1158,9 @@ $('send').addEventListener('click', async () => {
|
|
| 1059 |
|
| 1060 |
$b('bTop').innerHTML=peers.slice().sort(function(a,b){return b.pg-a.pg}).slice(0,8)
|
| 1061 |
.map(function(r,i){
|
| 1062 |
-
return '<tr'+(r.own?' class="mine"':'')+'><td>'+(i+1)+'</td><td>'+(r.m||'
|
| 1063 |
-
'</td><td>'+(r.by||'
|
| 1064 |
-
'</td><td class="n">'+FX(r.pg)+'</td><td><span class="gr g-'+(r.gr||'')+'">'+(r.gr||'
|
| 1065 |
}).join('');
|
| 1066 |
}
|
| 1067 |
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="utf-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1">
|
| 6 |
+
<title>퀀트ID · 토큰 검침 · AI 원가를 재고 등급을 매깁니다</title>
|
| 7 |
<meta name="description" content="AI에 돈이 얼마 나가는지는 알아도 어디로 나가는지는 모릅니다. 퀀트ID는 업무 한 건이 토큰 몇 개를 먹는지부터 재 드립니다. 토큰 원장 · 토큰 등급 · 퀀트 4형제. 망 안에서 돌아갑니다.">
|
| 8 |
<meta property="og:title" content="퀀트ID · 토큰 검침">
|
| 9 |
<meta property="og:description" content="버는 건 원, 쓰는 건 토큰. 그 사이 환율을 아는 회사가 없습니다. 퀀트ID가 그 환율을 잽니다.">
|
|
|
|
| 243 |
.band .bcut{margin-top:12px;padding-top:10px;border-top:1px solid #2C333F;
|
| 244 |
font-size:11.5px;color:#8C93A0}
|
| 245 |
@media(max-width:880px){.band .bgrid{grid-template-columns:1fr;gap:30px}}
|
| 246 |
+
|
| 247 |
+
.bstat{margin-top:30px}
|
| 248 |
+
.bench2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
|
| 249 |
+
.bench2 svg{width:100%;height:auto;margin-top:16px}
|
| 250 |
+
.bench2 .card h3{font-size:18px;font-weight:700;margin:8px 0 10px;line-height:1.45}
|
| 251 |
+
table.bscore td.n,table.bscore th.n{text-align:right;font-family:'IBM Plex Mono',monospace}
|
| 252 |
+
table.bscore tbody td.n{font-weight:700;color:var(--blue-deep)}
|
| 253 |
+
.bcta{margin-top:24px;padding:26px 28px;background:var(--obsidian);color:var(--ivory);
|
| 254 |
+
display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
|
| 255 |
+
.bcta .bk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
|
| 256 |
+
text-transform:uppercase;color:#7E9BE0}
|
| 257 |
+
.bcta h3{font-size:20px;font-weight:700;margin:8px 0 6px}
|
| 258 |
+
.bcta p{font-size:14px;color:#B9BEC7;max-width:52ch}
|
| 259 |
+
.press{margin-top:22px;padding:22px 24px;border:1px solid var(--line);background:var(--surface)}
|
| 260 |
+
.press .pk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
|
| 261 |
+
text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
|
| 262 |
+
.press .ptitle{display:block;font-size:18px;font-weight:700;line-height:1.5;
|
| 263 |
+
color:var(--ink);text-decoration:none;border-bottom:2px solid var(--blue-soft)}
|
| 264 |
+
.press .ptitle:hover{border-bottom-color:var(--blue)}
|
| 265 |
+
.press .pmeta{margin-top:8px;font-size:12.5px;color:var(--ink3)}
|
| 266 |
+
.press p{margin-top:10px;font-size:14px;color:var(--ink2)}
|
| 267 |
+
@media(max-width:900px){.bench2{grid-template-columns:1fr}}
|
| 268 |
</style>
|
| 269 |
</head>
|
| 270 |
<body>
|
|
|
|
| 297 |
<a href="#marks">인증 마크</a>
|
| 298 |
<a href="#proof">실측</a>
|
| 299 |
<a href="#board">업계 대조</a>
|
| 300 |
+
<a href="#bench">공인 성적</a>
|
| 301 |
<a href="#self">자가 검침</a>
|
| 302 |
<a href="#contact">문의</a>
|
| 303 |
</div>
|
|
|
|
| 318 |
</div>
|
| 319 |
<div style="display:flex; justify-content:center">
|
| 320 |
<svg viewBox="0 0 100 100" style="width:min(300px,70vw); color:var(--obsidian)" role="img"
|
| 321 |
+
aria-label="퀀트ID 심볼. 궤도 하나, 전자 하나, 검증된 정체 하나">
|
| 322 |
<use href="#qmark"/>
|
| 323 |
</svg>
|
| 324 |
</div>
|
|
|
|
| 533 |
<div class="tw"><table>
|
| 534 |
<thead><tr><th>항목</th><th>어디서 잰 값인가</th><th>아직 안 잰 것</th></tr></thead>
|
| 535 |
<tbody>
|
| 536 |
+
<tr><td>화면 후보 추리기</td><td>영어 화면 데이터셋</td><td><b>한국어 화면</b>. 도입 검증 때 쓰시는 데이터로 잽니다</td></tr>
|
| 537 |
+
<tr><td>판정 정확도</td><td>우리 2,018문항 보드</td><td>쓰시는 업무 분포. 프로파일 재생성 후 재측정</td></tr>
|
| 538 |
<tr><td>가속 배수</td><td>동시 사용자 8 / 32 / 128 / 256명</td><td>그 밖의 구간, 귀사 트래픽 형상</td></tr>
|
| 539 |
<tr><td>압축 등급</td><td>Q8은 사실상 그대로, Q4는 프로파일 재생성 필요</td><td>더 낮은 등급의 업무별 허용선</td></tr>
|
| 540 |
<tr><td>엣지 구동</td><td>한계는 용량이 아니라 메모리 대역폭</td><td>귀사 현장 장비에서의 실제 상한</td></tr>
|
|
|
|
| 738 |
|
| 739 |
<div class="grid g4 bcards">
|
| 740 |
<div class="card kpi"><div class="num">순위</div>
|
| 741 |
+
<div class="big" id="kRank">-</div><div class="sub" id="kRankSub">GPU를 고르면 계산됩니다</div></div>
|
| 742 |
<div class="card kpi"><div class="num">필요 장수</div>
|
| 743 |
+
<div class="big" id="kGpu">-</div><div class="sub" id="kGpuSub">이 물량을 감당하려면</div></div>
|
| 744 |
<div class="card kpi"><div class="num">월 전기요금</div>
|
| 745 |
+
<div class="big" id="kPow">-</div><div class="sub" id="kPowSub">GPU만 · 정격 기준</div></div>
|
| 746 |
<div class="card kpi"><div class="num">월 클라우드</div>
|
| 747 |
+
<div class="big" id="kUsd">-</div><div class="sub" id="kUsdSub">빌려 쓴다면</div></div>
|
| 748 |
</div>
|
| 749 |
|
| 750 |
<div class="note" id="bNote"><p>GPU를 고르면 계산합니다.</p></div>
|
|
|
|
| 757 |
<p class="hint" id="bSrc"></p>
|
| 758 |
</div></section>
|
| 759 |
|
| 760 |
+
<!-- 성적 -->
|
| 761 |
+
<section id="bench"><div class="wrap">
|
| 762 |
+
<div class="eyebrow">10 · 성적</div>
|
| 763 |
+
<h2 class="h2">공인 벤치마크 48개를 한 장에 모았습니다<span class="en">Official benchmarks, one map</span></h2>
|
| 764 |
+
<p class="lead">허깅페이스 공인 리더보드는 48개로 흩어져 있어서, 전체 판을 보려면 48군데를 따로 열어야 했습니다.
|
| 765 |
+
퀀트ID가 <strong>한 장짜리 실시간 지도</strong>로 모았습니다.
|
| 766 |
+
열 때마다 공개 API에서 새로 읽으니 저희가 손댈 수 있는 숫자가 아닙니다.</p>
|
| 767 |
+
|
| 768 |
+
<div class="grid g4 bstat">
|
| 769 |
+
<div class="card kpi"><div class="num">공인 벤치마크</div><div class="big">48개</div>
|
| 770 |
+
<div class="sub">리더보드가 있는 것 44개</div></div>
|
| 771 |
+
<div class="card kpi"><div class="num">등재 기록</div><div class="big">1,024건</div>
|
| 772 |
+
<div class="sub">파생 모델 포함 1,469건</div></div>
|
| 773 |
+
<div class="card kpi"><div class="num">모델</div><div class="big">411개</div>
|
| 774 |
+
<div class="sub">95개 조직이 올림</div></div>
|
| 775 |
+
<div class="card kpi"><div class="num">한국 비중</div><div class="big">4%</div>
|
| 776 |
+
<div class="sub">중국 55% · 미국 23%</div></div>
|
| 777 |
+
</div>
|
| 778 |
+
|
| 779 |
+
<div class="bench2">
|
| 780 |
+
<div class="card">
|
| 781 |
+
<div class="num">지도가 보여주는 것</div>
|
| 782 |
+
<h3>1위를 가장 많이 가진 곳은 한국 조직입니다</h3>
|
| 783 |
+
<p>조직별 1위 개수를 세면 <strong>FINAL-Bench(비드래프트)가 10개로 전체 1위</strong>입니다.
|
| 784 |
+
알리바바 Qwen, 지푸AI, 딥시크, 문샷AI, 엔비디아가 모두 아래에 있습니다.
|
| 785 |
+
퀀트ID는 이 지도를 만든 쪽이고, 성적은 전략적 제휴사인 비드래프트가 낸 것입니다.</p>
|
| 786 |
+
<svg viewBox="0 0 460 200" role="img" aria-label="분야별 1위 개수">
|
| 787 |
+
<g font-family="IBM Plex Sans KR, sans-serif" font-size="12">
|
| 788 |
+
<text x="0" y="16" fill="#4A515C">문서 · OCR</text><rect x="118" y="5" width="96" height="14" fill="#3963CF"/><text x="222" y="16" fill="#2A4CA8" font-weight="700">2</text>
|
| 789 |
+
<text x="0" y="46" fill="#4A515C">법률 · 금융</text><rect x="118" y="35" width="96" height="14" fill="#3963CF"/><text x="222" y="46" fill="#2A4CA8" font-weight="700">2</text>
|
| 790 |
+
<text x="0" y="76" fill="#4A515C">수학</text><rect x="118" y="65" width="96" height="14" fill="#3963CF"/><text x="222" y="76" fill="#2A4CA8" font-weight="700">2</text>
|
| 791 |
+
<text x="0" y="106" fill="#4A515C">과학 · 지식</text><rect x="118" y="95" width="96" height="14" fill="#3963CF"/><text x="222" y="106" fill="#2A4CA8" font-weight="700">2</text>
|
| 792 |
+
<text x="0" y="136" fill="#4A515C">에이전트 · 터미널</text><rect x="118" y="125" width="48" height="14" fill="#7E9BE0"/><text x="174" y="136" fill="#2A4CA8" font-weight="700">1</text>
|
| 793 |
+
<text x="0" y="166" fill="#4A515C">비전 · 비디오</text><rect x="118" y="155" width="48" height="14" fill="#7E9BE0"/><text x="174" y="166" fill="#2A4CA8" font-weight="700">1</text>
|
| 794 |
+
<line x1="118" y1="180" x2="440" y2="180" stroke="#DCD6C9"/>
|
| 795 |
+
<text x="0" y="195" fill="#141820" font-weight="700">합계</text><text x="118" y="195" fill="#141820" font-weight="700">1위 10개</text>
|
| 796 |
+
</g>
|
| 797 |
+
</svg>
|
| 798 |
+
</div>
|
| 799 |
+
<div class="card">
|
| 800 |
+
<div class="num">1위를 받은 점수</div>
|
| 801 |
+
<h3>채점은 각 보드가 합니다</h3>
|
| 802 |
+
<div class="tw"><table class="bscore">
|
| 803 |
+
<thead><tr><th>벤치마크</th><th class="n">점수</th></tr></thead>
|
| 804 |
+
<tbody>
|
| 805 |
+
<tr><td>AIME 2026 (수학)</td><td class="n">100</td></tr>
|
| 806 |
+
<tr><td>HMMT 2026 (수학)</td><td class="n">100</td></tr>
|
| 807 |
+
<tr><td>GPQA Diamond (과학)</td><td class="n">94.44</td></tr>
|
| 808 |
+
<tr><td>MMLU-Pro (지식)</td><td class="n">88.12</td></tr>
|
| 809 |
+
</tbody>
|
| 810 |
+
</table></div>
|
| 811 |
+
<p style="margin-top:14px">점수를 매긴 것은 저희가 아니라 각 벤치마크 운영 주체입니다.
|
| 812 |
+
지도는 그 결과를 읽어 옮길 뿐이고, 링크를 따라가면 원본 보드에서 바로 확인하실 수 있습니다.</p>
|
| 813 |
+
<div class="cut">1위와 2위 차이는 중앙값 5.2% · 가장 붐비는 5개 보드가 전체 등재의 46%</div>
|
| 814 |
+
</div>
|
| 815 |
+
</div>
|
| 816 |
+
|
| 817 |
+
<div class="bcta">
|
| 818 |
+
<div>
|
| 819 |
+
<div class="bk">Live map</div>
|
| 820 |
+
<h3>지도를 직접 열어 보십시오</h3>
|
| 821 |
+
<p>필드별 분포, 참여 조직, 1위 현황, 아직 비어 있는 자리까지 볼 수 있습니다. 로그인 없이 열립니다.</p>
|
| 822 |
+
</div>
|
| 823 |
+
<a class="btn btn-p" href="https://huggingface.co/spaces/quantid/huggingface-official-benchmark-leaderboards" target="_blank" rel="noopener">실시간 지도 열기</a>
|
| 824 |
+
</div>
|
| 825 |
+
|
| 826 |
+
<div class="press">
|
| 827 |
+
<div class="pk">보도</div>
|
| 828 |
+
<a class="ptitle" href="https://www.dt.co.kr/article/12087570" target="_blank" rel="noopener">
|
| 829 |
+
퀀트ID, 허깅페이스 공인 AI 벤치마크 48개 '한눈에' ... 실시간 지도 공개</a>
|
| 830 |
+
<div class="pmeta">디지털타임스 · 2026년 10월 6일 · 박영서 논설위원</div>
|
| 831 |
+
<p>흩어져 있던 공인 리더보드를 한 장으로 모은 지도를 소개하면서,
|
| 832 |
+
조직별 1위 집계와 국가별 참여 비중을 함께 다뤘습니다.</p>
|
| 833 |
+
</div>
|
| 834 |
+
</div></section>
|
| 835 |
+
|
| 836 |
<!-- 자가 검침 -->
|
| 837 |
<section id="self"><div class="wrap">
|
| 838 |
+
<div class="eyebrow">11 · 무료</div>
|
| 839 |
<h2 class="h2">자가 검침<span class="en">Self-Metering</span></h2>
|
| 840 |
<p class="lead">숫자 세 개, 질문 네 개면 지금 등급이 나옵니다. 입력하신 건 저장하지 않습니다.</p>
|
| 841 |
<div class="meter">
|
|
|
|
| 846 |
<input id="mon" type="number" value="1000000" min="1"></div>
|
| 847 |
<div class="field"><label for="usr">동시 사용자 수</label>
|
| 848 |
<input id="usr" type="number" value="32" min="1" max="100000"></div>
|
| 849 |
+
<div class="field"><label for="pri">입력 100만 토큰당 단가 (원, 선택)</label>
|
| 850 |
<input id="pri" type="number" placeholder="비워두면 환산하지 않습니다" min="0"></div>
|
| 851 |
<p class="hint">망 안에서 직접 돌리시면 토큰 단가라는 게 없습니다. 비워두시면 토큰 개수로만 보여드립니다.</p>
|
| 852 |
<div class="checks">
|
|
|
|
| 858 |
<button class="btn btn-p" id="run" style="width:100%">검침하기</button>
|
| 859 |
</div>
|
| 860 |
<div class="panel result" id="res">
|
| 861 |
+
<div class="rg"><div class="letter" id="rLetter">-</div><div class="txt" id="rNote"></div></div>
|
| 862 |
<div class="rows">
|
| 863 |
+
<div class="row"><span>현재 입력 토큰 / 건</span><b id="rBefore">-</b></div>
|
| 864 |
+
<div class="row"><span>퀀트 판정 적용 후 / 건</span><b id="rAfter">-</b></div>
|
| 865 |
+
<div class="row"><span>압축 배수</span><b id="rRatio">-</b></div>
|
| 866 |
+
<div class="row"><span>월 절감 토큰</span><b id="rSaved">-</b></div>
|
| 867 |
+
<div class="row"><span>퀀트 가속 배수 <span id="rUsers" class="mono" style="color:var(--ink3)"></span></span><b id="rMult">-</b></div>
|
| 868 |
+
<div class="row"><span>같은 업무량의 GPU 장수</span><b id="rGpu">-</b></div>
|
| 869 |
+
<div class="row" id="rMoneyRow" style="display:none"><span>월 절감액</span><b id="rMoney">-</b></div>
|
| 870 |
</div>
|
| 871 |
<ul class="cav" id="rCav"></ul>
|
| 872 |
</div>
|
|
|
|
| 875 |
|
| 876 |
<!-- 산업별 -->
|
| 877 |
<section id="sectors"><div class="wrap">
|
| 878 |
+
<div class="eyebrow">12 · 용처</div>
|
| 879 |
<h2 class="h2">밖으로 못 내보내는 일이 많은 곳부터<span class="en">Where the work cannot leave the network</span></h2>
|
| 880 |
<div class="grid g4">
|
| 881 |
<div class="card"><h3>금융</h3><p>여신·수신 원장 화면 조작, 개인신용정보 구간 판정, 자동화 결정 설명 근거, 이상거래 알람 선별.</p>
|
| 882 |
+
<div class="cut">전자금융감독규정 망분리. 개인신용정보는 예외 불가</div></div>
|
| 883 |
<div class="card"><h3>보건 · 의료</h3><p>EMR·OCS 화면 업무, 건��정보 비식별화, 동의서 조항 선별, 의무기록 검색 재순위.</p>
|
| 884 |
<div class="cut">개인정보 보호법 제23조 민감정보</div></div>
|
| 885 |
<div class="card"><h3>공공 · 국방</h3><p>완전 폐쇄망 문서·행정, 비공개 사유 후보 분류, 반출 전 점검, 사이버 관제 알람 선별.</p>
|
| 886 |
+
<div class="cut">AI 기본법 제35조. 영향평가 제품 우선 고려</div></div>
|
| 887 |
<div class="card"><h3>IT · 제조</h3><p>되돌릴 수 없는 명령의 실행 직전 판정, ERP·그룹웨어 화면 업무, 비밀정보 탐지, 관제 선별.</p>
|
| 888 |
<div class="cut">기존 도구·모델 교체 없이 훅으로 삽입</div></div>
|
| 889 |
</div>
|
|
|
|
| 895 |
|
| 896 |
<!-- 검침 구독 -->
|
| 897 |
<section id="engage"><div class="wrap">
|
| 898 |
+
<div class="eyebrow">13 · 도입</div>
|
| 899 |
<h2 class="h2">검침 구독<span class="en">Metering Subscription</span></h2>
|
| 900 |
<div class="steps">
|
| 901 |
<div class="step"><div class="sn">STEP 1</div><h4>자가 검침</h4><p>이 페이지에서 등급부터 보십시오. 자료 주실 것 없습니다.</p><div class="dur">바로 · 무료</div></div>
|
|
|
|
| 910 |
|
| 911 |
<!-- 기술 기반 -->
|
| 912 |
<section id="tech"><div class="wrap">
|
| 913 |
+
<div class="eyebrow">14 · 기술 기반</div>
|
| 914 |
<h2 class="h2">전략적 제휴<span class="en">Strategic alliances</span></h2>
|
| 915 |
<p class="lead">원천 기술은 제휴로 확보하고, 묶어서 공급하고 책임지는 건 저희가 합니다.
|
| 916 |
네 가지 기술 때문에 <strong>네 군데와 따로 계약하실 일은 없습니다.</strong></p>
|
|
|
|
| 926 |
|
| 927 |
<!-- 문의 -->
|
| 928 |
<section id="contact" style="border-bottom:none"><div class="wrap">
|
| 929 |
+
<div class="eyebrow">15 · 문의</div>
|
| 930 |
<h2 class="h2">장부부터 뽑아보시죠<span class="en">Start with the ledger</span></h2>
|
| 931 |
<p class="lead">뭘 도입할지 정하기 전에, 지금 어디에 쓰고 계신지부터 보는 게 순서입니다.</p>
|
| 932 |
<div class="panel" style="margin-top:34px; max-width:620px">
|
|
|
|
| 968 |
const fmt = n => Math.round(n).toLocaleString('ko-KR');
|
| 969 |
const GC = {A:'var(--gA)', B:'var(--gB)', C:'var(--gC)', D:'var(--gD)'};
|
| 970 |
|
| 971 |
+
/* 실측 2점에 맞춘 보정값. 후보 200개 4,444토큰 · 50개 1,132토큰
|
| 972 |
기울기 (4444-1132)/(200-50)=22.08 tok/후보 · 절편 ≈ 28 */
|
| 973 |
const TOK_PER_CAND = 22.08, TOK_BASE = 28.0, KEEP = 50;
|
| 974 |
/* 동시 사용자별 실측 처리량 배수 */
|
|
|
|
| 1029 |
$('res').classList.add('on');
|
| 1030 |
});
|
| 1031 |
|
| 1032 |
+
/* 문의. 수신부(quantid/QUANTID)로 보내 비공개 데이터셋에 쌓는다 */
|
| 1033 |
const INBOX = 'https://quantid-quantid.hf.space/api/contact';
|
| 1034 |
$('send').addEventListener('click', async () => {
|
| 1035 |
const btn=$('send'), out=$('sendMsg');
|
|
|
|
| 1055 |
}
|
| 1056 |
});
|
| 1057 |
|
| 1058 |
+
/* ===== 09 · 대조. 업계 기록 위에 지금 설정 찍기 ===== */
|
| 1059 |
(function(){
|
| 1060 |
var B=null, $b=function(i){return document.getElementById(i)};
|
| 1061 |
var W=560,H=400, L=58,R=14,T=18,Bm=44;
|
|
|
|
| 1094 |
calc();
|
| 1095 |
}
|
| 1096 |
|
| 1097 |
+
/* 물리 상한. 디코드 한 스텝은 활성 가중치를 한 번 읽는다 */
|
| 1098 |
function ceil(hw, actB, q, con){
|
| 1099 |
if(!hw||!hw.bw||!actB) return null;
|
| 1100 |
return con*(hw.bw*1e12)/(actB*1e9*(B.bpp[q]||1));
|
|
|
|
| 1125 |
|
| 1126 |
if(!est){
|
| 1127 |
$b('bNote').innerHTML='<p>이 GPU는 기록이 모자라서 추정하지 않겠습니다. 없는 숫자를 지어내는 것보다 낫습니다.</p>';
|
| 1128 |
+
['kRank','kGpu','kPow','kUsd'].forEach(function(i){$b(i).textContent='-'});
|
| 1129 |
return;
|
| 1130 |
}
|
| 1131 |
|
|
|
|
| 1140 |
if(hw.w){ var kW=need*hw.w/1000, mWh=kW*730;
|
| 1141 |
$b('kPow').textContent=FX(Math.round(mWh*kwh))+'원';
|
| 1142 |
$b('kPowSub').textContent=FX(Math.round(mWh))+' kWh · '+kW.toFixed(1)+' kW';
|
| 1143 |
+
} else { $b('kPow').textContent='-'; $b('kPowSub').textContent='이 GPU는 정격이 공개 안 됨'; }
|
| 1144 |
|
| 1145 |
if(hw.usd){ var usd=need*hw.usd*730;
|
| 1146 |
$b('kUsd').textContent=FX(Math.round(usd*1380/1e4))+'만원';
|
| 1147 |
$b('kUsdSub').textContent='$'+FX(Math.round(usd))+' · 환율 1,380원';
|
| 1148 |
+
} else { $b('kUsd').textContent='-'; $b('kUsdSub').textContent='공개된 시간당 단가가 없음'; }
|
| 1149 |
|
| 1150 |
var others=basis.filter(function(r){return !r.own}).length;
|
| 1151 |
$b('bNote').innerHTML='<p>이 설정이면 <strong>GPU 한 장에 초당 '+FX(Math.round(est))+'토큰</strong>쯤 나옵니다. '+
|
|
|
|
| 1158 |
|
| 1159 |
$b('bTop').innerHTML=peers.slice().sort(function(a,b){return b.pg-a.pg}).slice(0,8)
|
| 1160 |
.map(function(r,i){
|
| 1161 |
+
return '<tr'+(r.own?' class="mine"':'')+'><td>'+(i+1)+'</td><td>'+(r.m||'-')+
|
| 1162 |
+
'</td><td>'+(r.by||'-')+'</td><td class="n">'+(r.tb?r.tb+'B':'-')+
|
| 1163 |
+
'</td><td class="n">'+FX(r.pg)+'</td><td><span class="gr g-'+(r.gr||'')+'">'+(r.gr||'-')+'</span></td></tr>';
|
| 1164 |
}).join('');
|
| 1165 |
}
|
| 1166 |
|