SamProject/sam-manage
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [claude-code] 발전과정 리서치 데이터 보강 및 오류 수정

Browse Source 
- Opus 4.1 (2025.08.05) 모델 추가 (SWE 74.5%, GPQA 80.9%)
- Haiku 4.5 SWE-bench 73.3% 벤치마크 추가
- Opus 4.5 가격 수정 ($15/$75 → $5/$25)
- Opus 4 GPQA 수정 (79.6% → 76.9%), 출시일 수정 (09 → 05)
- Claude Code GA 날짜 정정 (2025.04 → 2025.05.22)
- Claude Code $1B 런레이트 매출 달성 정보 추가
- SWE-bench 성장 바 차트에 Opus 4.1, Haiku 4.5 추가
This commit is contained in:
김보곤
2026-03-07 18:17:55 +09:00
parent cfe1e924c5
commit 6958d18938
1 changed files with 74 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
resources/views/claude-code/history/index.blade.php
View File

@@ -175,10 +175,10 @@
<div class="v-card" style="margin-left: calc(50% + 2rem); border-top: 3px solid #ea580c;">
<div class="flex items-center gap-2 mb-2">
<span class="mono text-xs px-2 py-0.5 bg-orange-100 text-orange-800 rounded font-bold">v1.0</span>
<span class="text-xs text-gray-400">2025.04</span>
<span class="text-xs text-gray-400">2025.05.22</span>
</div>
<h3 class="font-bold text-base mb-1">정식 출시 — General Availability</h3>
<p class="text-sm text-gray-600 mb-3">Claude 3.5/3.7 Sonnet 기반으로 일반 공개. Max/Pro 구독 모델 도입. GitHub, GitLab 연동으로 실질적 개발 워크플로우 지원 시작.</p>
<p class="text-sm text-gray-600 mb-3">2025년 5월 22일, Claude 4 Sonnet/Opus와 동시 공개. VS Code/JetBrains IDE 통합, GitHub Actions 지원, SDK 공개. Max/Pro 구독 모델 도입.</p>
<div class="flex flex-wrap gap-1">
<span class="feat-badge bg-orange-50 text-orange-700 border border-orange-200">Max/Pro 구독</span>
<span class="feat-badge bg-orange-50 text-orange-700 border border-orange-200">Git 통합</span>
@@ -236,15 +236,15 @@
<div class="v-card" style="margin-right: calc(50% + 2rem); border-top: 3px solid #2563eb;">
<div class="flex items-center gap-2 mb-2">
<span class="mono text-xs px-2 py-0.5 bg-blue-100 text-blue-800 rounded font-bold">v1.x</span>
<span class="text-xs text-gray-400">2025.09</span>
<span class="text-xs text-gray-400">2025.08~09</span>
</div>
<h3 class="font-bold text-base mb-1">Claude 4 Opus & Sonnet 4.5</h3>
<p class="text-sm text-gray-600 mb-3">Claude 4 Opus — 최고 지능 모델. Sonnet 4.5 — SWE-bench 77.2%로 "세계 최고의 코딩 모델" 등극. 서브에이전트, Worktree 병렬 작업 도입.</p>
<h3 class="font-bold text-base mb-1">Opus 4.1 & Sonnet 4.5 — 에이전틱 도약</h3>
<p class="text-sm text-gray-600 mb-3">Opus 4.1(8/5) — 에이전틱 태스크 특화 강화, SWE-bench 74.5%. Sonnet 4.5(9/29) — SWE-bench 77.2%로 "세계 최고의 코딩 모델" 등극. 서브에이전트, Plan Mode, Skills 시스템 도입.</p>
<div class="flex flex-wrap gap-1">
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">Claude 4 Opus</span>
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">Opus 4.1 (SWE 74.5%)</span>
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">Sonnet 4.5 (SWE 77.2%)</span>
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">서브에이전트</span>
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">Worktree 병렬 작업</span>
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">서브에이전트 & Plan Mode</span>
<span class="feat-badge bg-blue-50 text-blue-700 border border-blue-200">Skills 시스템</span>
</div>
</div>
<div class="v-dot-wrap shrink-0" style="display: flex; align-items: start; justify-content: center; width: 48px;">
@@ -263,7 +263,7 @@
<span class="text-xs text-gray-400">2025.11.24</span>
</div>
<h3 class="font-bold text-base mb-1">Opus 4.5 — 최초 80% 돌파</h3>
<p class="text-sm text-gray-600 mb-3">SWE-bench 80.9%로 최초 80% 벽 돌파. Sonnet 4.5 대비 76% 적은 토큰으로 동일 성능 달성. Infinite Chats로 컨텍스트 제한 해소.</p>
<p class="text-sm text-gray-600 mb-3">SWE-bench 80.9%로 인류 최초 80% 벽 돌파. Sonnet 4.5 대비 76% 적은 토큰으로 동일 성능 달성. Infinite Chats로 컨텍스트 제한 해소. Claude Code $1B 런레이트 매출 달성.</p>
<div class="flex flex-wrap gap-1">
<span class="feat-badge bg-violet-50 text-violet-700 border border-violet-200">SWE-bench 80.9%</span>
<span class="feat-badge bg-violet-50 text-violet-700 border border-violet-200">Infinite Chats</span>
@@ -282,7 +282,7 @@
<span class="px-2 py-0.5 bg-emerald-500 text-white text-xs rounded-full font-bold">CURRENT</span>
</div>
<h3 class="font-bold text-base mb-1">Opus 4.6 & Sonnet 4.6 — 현재</h3>
<p class="text-sm text-gray-600 mb-3">Opus 4.6 (2/5) — GPQA 91.3%, Agent Teams, Adaptive Thinking. Sonnet 4.6 (2/17) — 1M 컨텍스트 베타, Opus에 근접한 코딩 성능. Cowork(비개발자 GUI), Claude Code Security 출시.</p>
<p class="text-sm text-gray-600 mb-3">Opus 4.6 (2/5) — GPQA 91.3%, Agent Teams, Adaptive Thinking 4단계. Sonnet 4.6 (2/17) — 1M 컨텍스트 베타, Opus 성능의 99%를 1/5 가격에. Cowork(비개발자 GUI), Claude Code Security, Auto Memory 출시.</p>
<div class="flex flex-wrap gap-1">
<span class="feat-badge bg-emerald-50 text-emerald-700 border border-emerald-200">Opus 4.6 (GPQA 91.3%)</span>
<span class="feat-badge bg-emerald-50 text-emerald-700 border border-emerald-200">Sonnet 4.6</span>
@@ -483,7 +483,7 @@
<span class="px-2 py-0.5 bg-white bg-opacity-20 rounded text-xs font-bold">2025.11.24</span>
</div>
</div>
<p class="text-xs opacity-80 mt-1">최초 SWE-bench 80% 돌파, 토큰 효율성 혁신</p>
<p class="text-xs opacity-80 mt-1">인류 최초 SWE-bench 80% 돌파, Claude Code $1B 매출 달성</p>
</div>
<div class="model-card-body">
<div class="grid grid-cols-3 gap-3 mb-4">
@@ -498,7 +498,7 @@
</div>
<div class="text-center p-2 bg-violet-50 rounded-lg">
<p class="text-xs text-gray-500">Price</p>
<p class="text-sm font-black text-violet-700">$15/$75</p>
<p class="text-sm font-black text-violet-700">$5/$25</p>
<p style="font-size: 0.6rem;" class="text-gray-400">in/out MTok</p>
</div>
</div>
@@ -662,32 +662,53 @@
</h3>
<div class="grid gap-4 mb-8" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));">
{{-- Claude 4 Opus --}}
{{-- Claude Opus 4.1 --}}
<div class="model-card tier-fast">
<div class="model-card-head" style="background: linear-gradient(135deg, #047857, #10b981); padding: 1rem 1.25rem;">
<h3 class="text-base font-black">Claude Opus 4.1</h3>
<p class="text-xs opacity-80">2025.08.05 | $15/$75</p>
</div>
<div class="model-card-body" style="padding: 1rem 1.25rem;">
<div class="mb-3">
<div class="bench-bar-wrap">
<div class="bench-label"><span class="text-gray-500">SWE-bench</span><span class="font-bold">74.5%</span></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 74.5%; background: #10b981;"></div></div>
</div>
<div class="bench-bar-wrap">
<div class="bench-label"><span class="text-gray-500">GPQA Diamond</span><span class="font-bold">80.9%</span></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 80.9%; background: #10b981;"></div></div>
</div>
</div>
<p class="text-xs text-gray-500">200K context | Opus 4의 에이전틱 태스크 특화 업그레이드. 다중 파일 리팩토링, 심층 연구, 도구 호출 안정성 강화.</p>
</div>
</div>
{{-- Claude 4 Opus --}}
<div class="model-card tier-fast">
<div class="model-card-head" style="background: linear-gradient(135deg, #059669, #34d399); padding: 1rem 1.25rem;">
<h3 class="text-base font-black">Claude 4 Opus</h3>
<p class="text-xs opacity-80">2025.09.18 | $15/$75</p>
<p class="text-xs opacity-80">2025.05.22 | $15/$75</p>
</div>
<div class="model-card-body" style="padding: 1rem 1.25rem;">
<div class="mb-3">
<div class="bench-bar-wrap">
<div class="bench-label"><span class="text-gray-500">SWE-bench</span><span class="font-bold">72.5%</span></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 72.5%; background: #10b981;"></div></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 72.5%; background: #34d399;"></div></div>
</div>
<div class="bench-bar-wrap">
<div class="bench-label"><span class="text-gray-500">GPQA Diamond</span><span class="font-bold">79.6%</span></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 79.6%; background: #10b981;"></div></div>
<div class="bench-label"><span class="text-gray-500">GPQA Diamond</span><span class="font-bold">76.9%</span></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 76.9%; background: #34d399;"></div></div>
</div>
</div>
<p class="text-xs text-gray-500">200K context | High-compute 모드에서 SWE-bench 79.4%, AIME 90.0% 달성. 복잡한 아키텍처 설계에 강점.</p>
<p class="text-xs text-gray-500">200K context | High-compute에서 SWE-bench 79.4%, AIME 90.0%. Extended Thinking 중 도구 사용 최초 지원.</p>
</div>
</div>
{{-- Claude 4 Sonnet --}}
<div class="model-card tier-fast">
<div class="model-card-head" style="background: linear-gradient(135deg, #059669, #34d399); padding: 1rem 1.25rem;">
<div class="model-card-head" style="background: linear-gradient(135deg, #0d9488, #5eead4); padding: 1rem 1.25rem;">
<h3 class="text-base font-black">Claude 4 Sonnet</h3>
<p class="text-xs opacity-80">2025.05.14 | $3/$15</p>
<p class="text-xs opacity-80">2025.05.22 | $3/$15</p>
</div>
<div class="model-card-body" style="padding: 1rem 1.25rem;">
<div class="mb-3">
@@ -696,7 +717,7 @@
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 72.7%; background: #34d399;"></div></div>
</div>
</div>
<p class="text-xs text-gray-500">200K context | Extended Thinking 본격 도입. 당시 Opus 4보다 SWE-bench에서 높은 점수를 기록한 가성비 모델.</p>
<p class="text-xs text-gray-500">200K (1M beta) | Extended Thinking 본격 도입. 당시 Opus 4보다 SWE-bench에서 높은 점수를 기록한 가성비 모델.</p>
</div>
</div>
@@ -746,19 +767,23 @@
<div class="model-card tier-light">
<div class="model-card-head" style="background: linear-gradient(135deg, #475569, #64748b); padding: 1rem 1.25rem;">
<h3 class="text-base font-black">Claude Haiku 4.5</h3>
<p class="text-xs opacity-80">2025.10 | $1/$5</p>
<p class="text-xs opacity-80">2025.10.15 | $1/$5</p>
</div>
<div class="model-card-body" style="padding: 1rem 1.25rem;">
<div class="mb-3">
<p class="text-xs text-gray-600 mb-2">200K context | 초고속 경량 모델</p>
<div class="bench-bar-wrap">
<div class="bench-label"><span class="text-gray-500">SWE-bench</span><span class="font-bold">73.3%</span></div>
<div class="bench-bar"><div class="bench-fill anim-bar" style="width: 73.3%; background: #64748b;"></div></div>
</div>
<p class="text-xs text-gray-600 mb-2 mt-2">200K context | 64K output | Extended Thinking 지원</p>
<div class="flex flex-wrap gap-1">
<span class="strength-tag">서브에이전트 최적</span>
<span class="strength-tag">파일 탐색</span>
<span class="strength-tag">간단한 분석</span>
<span class="strength-tag">최저 비용</span>
<span class="strength-tag">Sonnet 4.5급 성능</span>
<span class="strength-tag">4~5x 빠른 응답</span>
<span class="strength-tag">최저 비용 $1/$5</span>
</div>
</div>
<p class="text-xs text-gray-500">Claude Code에서 서브에이전트(Explore, Test-runner 등)에 주로 사용. 빠른 응답 속도와 낮은 비용이 장점.</p>
<p class="text-xs text-gray-500">SWE-bench 73.3% — Sonnet 4.5 대비 5%p 이내이면서 1/3 비용. Claude Code 서브에이전트(Explore 등)에 최적화.</p>
</div>
</div>
</div>
@@ -885,13 +910,23 @@
</tr>
<tr>
<td><span class="mono text-xs font-bold text-green-700">Opus 4</span></td>
<td class="text-xs text-gray-500">2025.09</td>
<td class="text-xs text-gray-500">2025.05</td>
<td><span class="score-badge bg-green-100 text-green-700">72.5%</span></td>
<td><span class="score-badge bg-green-100 text-green-700">79.6%</span></td>
<td><span class="score-badge bg-green-100 text-green-700">76.9%</span></td>
<td class="text-xs">200K</td>
<td class="text-xs">32K</td>
<td class="text-xs">$15 / $75</td>
<td class="text-xs text-gray-600">High-compute: SWE 79.4%</td>
</tr>
<tr style="background: #f0fdf4;">
<td><span class="mono text-xs font-bold text-emerald-700">Opus 4.1</span></td>
<td class="text-xs text-gray-500">2025.08</td>
<td><span class="score-badge bg-emerald-100 text-emerald-700">74.5%</span></td>
<td><span class="score-badge bg-emerald-100 text-emerald-700">80.9%</span></td>
<td class="text-xs">200K</td>
<td class="text-xs">64K</td>
<td class="text-xs">$15 / $75</td>
<td class="text-xs text-gray-600">High-compute: SWE 79.4%</td>
<td class="text-xs text-emerald-700 font-medium">에이전틱 태스크 특화</td>
</tr>
<tr style="background: #eff6ff;">
<td><span class="mono text-xs font-bold text-blue-600">Sonnet 4.5</span></td>
@@ -920,7 +955,7 @@
<td><span class="score-badge bg-violet-100 text-violet-700">87.0%</span></td>
<td class="text-xs">200K</td>
<td class="text-xs">128K</td>
<td class="text-xs">$15 / $75</td>
<td class="text-xs">$5 / $25</td>
<td class="text-xs text-violet-700 font-medium">최초 SWE-bench 80% 돌파</td>
</tr>
<tr style="background: #faf5ff; border-left: 3px solid #7c3aed;">
@@ -973,6 +1008,14 @@
<span class="mono text-xs text-gray-500 shrink-0" style="width: 90px;">Sonnet 4</span>
<div class="flex-1 bench-bar" style="height: 24px;"><div class="bench-fill anim-bar flex items-center px-2" style="width: 72.7%; background: #dc2626; height: 100%;"><span class="text-white text-xs font-bold">72.7%</span></div></div>
</div>
<div class="flex items-center gap-3">
<span class="mono text-xs text-gray-500 shrink-0" style="width: 90px;">Haiku 4.5</span>
<div class="flex-1 bench-bar" style="height: 20px;"><div class="bench-fill anim-bar flex items-center px-2" style="width: 73.3%; background: #64748b; height: 100%;"><span class="text-white text-xs font-bold">73.3%</span></div></div>
</div>
<div class="flex items-center gap-3">
<span class="mono text-xs text-gray-500 shrink-0" style="width: 90px;">Opus 4.1</span>
<div class="flex-1 bench-bar" style="height: 24px;"><div class="bench-fill anim-bar flex items-center px-2" style="width: 74.5%; background: #10b981; height: 100%;"><span class="text-white text-xs font-bold">74.5%</span></div></div>
</div>
<div class="flex items-center gap-3">
<span class="mono text-xs text-gray-500 shrink-0" style="width: 90px;">Sonnet 4.5</span>
<div class="flex-1 bench-bar" style="height: 24px;"><div class="bench-fill anim-bar flex items-center px-2" style="width: 77.2%; background: #2563eb; height: 100%;"><span class="text-white text-xs font-bold">77.2%</span></div></div>