From 0f5b123a2c0e7fb5ee135f3c5cc77e6e292a0ff5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?= Date: Sat, 7 Mar 2026 18:03:34 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20[claude-code]=20=EB=B0=9C=EC=A0=84?= =?UTF-8?q?=EA=B3=BC=EC=A0=95=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20(=ED=83=80=EC=9E=84=EB=9D=BC=EC=9D=B8/=ED=95=B5?= =?UTF-8?q?=EC=8B=AC=ED=98=81=EC=8B=A0/=EB=AA=A8=EB=8D=B8=EC=A7=84?= =?UTF-8?q?=ED=99=94/=EC=83=9D=ED=83=9C=EA=B3=84)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ClaudeCode/HistoryController.php | 23 + .../views/claude-code/history/index.blade.php | 533 ++++++++++++++++++ routes/web.php | 3 + 3 files changed, 559 insertions(+) create mode 100644 app/Http/Controllers/ClaudeCode/HistoryController.php create mode 100644 resources/views/claude-code/history/index.blade.php diff --git a/app/Http/Controllers/ClaudeCode/HistoryController.php b/app/Http/Controllers/ClaudeCode/HistoryController.php new file mode 100644 index 00000000..c8d54f5f --- /dev/null +++ b/app/Http/Controllers/ClaudeCode/HistoryController.php @@ -0,0 +1,23 @@ + 발전과정 컨트롤러 + */ +class HistoryController extends Controller +{ + public function index(Request $request): View|Response + { + if ($request->header('HX-Request')) { + return response('', 200)->header('HX-Redirect', route('claude-code.history.index')); + } + + return view('claude-code.history.index'); + } +} diff --git a/resources/views/claude-code/history/index.blade.php b/resources/views/claude-code/history/index.blade.php new file mode 100644 index 00000000..4c6c48a6 --- /dev/null +++ b/resources/views/claude-code/history/index.blade.php @@ -0,0 +1,533 @@ +@extends('layouts.app') + +@section('title', 'Claude Code 발전과정') + +@push('styles') + + +@endpush + +@section('content') +
+ + {{-- ===== 히어로 섹션 ===== --}} +
+
+
+ +
+
+
+ ⌘ +
+
+

Anthropic

+

Claude Code 발전과정

+
+
+

2025년 2월 터미널에서 시작된 AI 코딩 에이전트의 혁신적 여정. 프로토타입에서 엔터프라이즈 개발 플랫폼으로 성장한 Claude Code의 이야기.

+ + {{-- 핵심 수치 --}} +
+
+ 18개월 + 개발 기간 +
+
+ 50+ + 릴리스 +
+
+ 100만+ + 개발자 +
+
+ Opus 4 + 최신 모델 +
+
+ + {{-- 탭 네비게이션 --}} +
+ + + + +
+
+
+ +
+ + {{-- ===== 탭 0: 타임라인 ===== --}} +
+ +
+ + {{-- ===== 2025.02 ===== --}} +
+
+
+ v0.1 + 2025.02.24 +
+

탄생 — Research Preview

+

Anthropic 내부 해커톤에서 출발. 터미널에서 Claude와 대화하며 코드를 작성하는 실험적 도구로 시작. "개발자의 터미널에 AI를 심는다"는 비전.

+
+ 터미널 기반 대화 + 파일 읽기/쓰기 + Bash 실행 + Sonnet 3.5 +
+
+
+
탄생
+
+
+ + {{-- ===== 2025.04 ===== --}} +
+
+
GA
+
+
+
+ v1.0 + 2025.04 +
+

정식 출시 — General Availability

+

Claude 3.5 Sonnet / Claude 3.7 Sonnet 기반으로 일반 공개. Max/Pro 구독 모델 도입. GitHub, GitLab 연동으로 실질적 개발 워크플로우 지원 시작.

+
+ Max/Pro 구독 + Git 통합 + 멀티파일 편집 + CLAUDE.md +
+
+
+ + {{-- ===== 2025.05 ===== --}} +
+
+
+ v1.0.x + 2025.05 +
+

Claude 4 Sonnet — 코딩 특화 모델

+

Claude 4 Sonnet (claude-sonnet-4-20250514) 출시. SWE-bench에서 역대 최고 성적. 코드 이해도·정확성이 급격히 향상되며 Claude Code의 실전 능력이 도약.

+
+ Claude 4 Sonnet + SWE-bench SOTA + 확장 사고(Extended Thinking) + 병렬 도구 호출 +
+
+
+
4S
+
+
+ + {{-- ===== 2025.06~08 ===== --}} +
+
+
생태계
+
+
+
+ v1.x + 2025.06~08 +
+

생태계 폭발 — MCP & Hooks & Skills

+

Model Context Protocol(MCP)로 외부 도구 연동 표준화. Hooks(pre/post 실행 스크립트), Custom Skills, Custom Agents 시스템으로 확장성 극대화. 커뮤니티 생태계 급성장.

+
+ MCP 프로토콜 + Hooks 시스템 + Custom Skills + Custom Agents + 메모리 시스템 +
+
+
+ + {{-- ===== 2025.09~10 ===== --}} +
+
+
+ v1.x + 2025.09~10 +
+

Claude 4 Opus & Haiku 4.5

+

Claude 4 Opus(claude-opus-4-20250918) — Anthropic 최고 성능 모델. 복잡한 아키텍처 설계·리팩토링·대규모 코드베이스 이해에서 압도적 성능. Haiku 4.5는 초고속 경량 모델로 서브에이전트 최적화.

+
+ Claude 4 Opus + Haiku 4.5 + 서브에이전트 + Worktree (병렬 작업) +
+
+
+
4 Opus
+
+
+ + {{-- ===== 2025.12~2026 ===== --}} +
+
+
NOW
+
+
+
+ v1.x + 2025.12~2026 현재 + CURRENT +
+

Opus 4.6 & 엔터프라이즈 성숙

+

Opus 4.6 (claude-opus-4-6) — 빠른 출력 + 최고 성능 결합. GitHub Actions CI/CD 통합, 엔터프라이즈 보안 정책, Task 관리, 자동 메모리 시스템 안정화. 실무 프로젝트에서 시니어 개발자급 자율 코딩 가능.

+
+ Opus 4.6 (최신) + Sonnet 4.6 + GitHub Actions 연동 + 자동 메모리 + Task 시스템 + Fast Mode +
+
+
+ +
+
+ + {{-- ===== 탭 1: 핵심 혁신 ===== --}} +
+

Claude Code를 특별하게 만든 핵심 혁신

+ +
+
+
CLAUDE.md — 프로젝트 컨텍스트
+
+

프로젝트 루트의 CLAUDE.md 파일로 코딩 규칙, 아키텍처, 금지사항을 정의. AI가 프로젝트 문화를 학습하고 일관된 코드를 작성.

+
+ # CLAUDE.md
+ ## Git 커밋 규칙
+ - feat: 새 기능 | fix: 버그 수정
+ ## DB 규칙
+ - 마이그레이션은 API에서만 생성
+ - MNG에서 migrate 실행 금지 +
+
+
+ +
+
MCP — 무한 확장 프로토콜
+
+

Model Context Protocol로 외부 도구(Slack, DB, API 등)를 표준화된 방식으로 연결. Claude Code가 단순 코딩 도구에서 통합 개발 허브로 진화한 핵심.

+
+ Slack 연동 + DB 직접 조회 + JIRA/Linear + Figma + 커스텀 서버 +
+
+
+ +
+
Skills & Agents — 재사용 가능한 전문성
+
+

반복 작업을 SKILL.md로 패키징. 슬래시 명령어(/skill-name)로 호출. 커뮤니티가 만든 수백 개의 스킬을 즉시 활용 가능.

+
+

우리 팀 사용 예시:

+

• /pptx-skill — PPT 자동 생성

+

• /sam-docs-writer — 문서 규칙 자동 적용

+

• /webapp-testing — Playwright UI 테스트

+
+
+
+ +
+
서브에이전트 & 병렬 작업
+
+

복잡한 작업을 여러 서브에이전트에 위임하여 병렬 처리. Worktree를 활용한 독립 작업 공간에서 동시에 여러 기능을 개발. 시니어 개발자가 주니어들에게 업무를 분배하는 것과 유사.

+
+

실행 흐름:

+

메인 에이전트 → 분석 에이전트 (탐색)

+

→ 구현 에이전트 (코딩)

+

→ 테스트 에이전트 (검증)

+

메인 에이전트 ← 결과 통합 ← 커밋

+
+
+
+ +
+
자동 메모리 — 세션 간 학습
+
+

대화가 끝나도 중요한 패턴·선호·교훈을 MEMORY.md에 자동 저장. 다음 세션에서 동일한 실수를 반복하지 않음. 프로젝트와 함께 성장하는 AI.

+
+

저장하는 것: 검증된 패턴, 아키텍처 결정, 사용자 선호

+

저장하지 않는 것: 임시 작업, 미검증 추측

+
+
+
+ +
+
Hooks — 안전한 자동화
+
+

도구 실행 전후에 자동으로 스크립트를 실행. Lint 자동 적용, 위험 명령 차단, 커밋 메시지 검증 등을 자동화. Co-Authored-By 서명 자동 제거 같은 팀 규칙도 Hook으로 강제.

+
+ PreCommit → lint + format
+ PostCommit → 자동 push (MNG)
+ PreBash → 위험 명령 차단 +
+
+
+
+
+ + {{-- ===== 탭 2: 모델 진화 ===== --}} +
+

Claude 모델 진화 계보

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
모델출시특징코딩 성능가격
Sonnet 3.52024.10Claude Code 최초 탑재 모델
기본
$3/$15
Sonnet 3.72025.02확장 사고(Extended Thinking) 도입
향상
$3/$15
Sonnet 42025.05SWE-bench SOTA, 코딩 특화 대폭 강화
최고 효율
$3/$15
Opus 42025.09최고 지능, 복잡한 아키텍처 설계
최고 성능
$15/$75
+ Opus 4.6 + LATEST + 2025.12빠른 출력 + 최고 성능 결합, Fast Mode
최고 성능 + 속도
$15/$75
+
+ +
+

모델 선택 가이드

+
+
+

Opus 4.6 (기본 권장)

+

복잡한 설계, 대규모 리팩토링, 아키텍처 결정이 필요한 작업

+
+
+

Sonnet 4.6 (빠른 작업)

+

단순 수정, 반복 작업, 비용 최적화가 필요한 경우

+
+
+

Haiku 4.5 (서브에이전트)

+

탐색, 파일 검색, 간단한 분석 등 경량 작업

+
+
+
+
+ + {{-- ===== 탭 3: 생태계 ===== --}} +
+

Claude Code 생태계

+ +
+
+
IDE 통합
+
+
+ ⌨️ +
+

터미널 (네이티브)

+

zsh, bash, PowerShell에서 직접 실행

+
+
+
+ 💻 +
+

VS Code Extension

+

에디터 내 인라인 AI 코딩

+
+
+
+ 🧠 +
+

JetBrains Plugin

+

IntelliJ, WebStorm 등 지원

+
+
+
+
+ +
+
CI/CD 연동
+
+
+ 🔄 +
+

GitHub Actions

+

PR 자동 리뷰, 이슈 해결, 코드 생성

+
+
+
+ 🏗️ +
+

Headless Mode

+

비대화형 자동화 (스크립트, 파이프라인)

+
+
+
+ 📋 +
+

SDK (TypeScript/Python)

+

프로그래밍 방식으로 Claude Code 호출

+
+
+
+
+ +
+
커뮤니티 생태계
+
+
+ 📦 +
+

커뮤니티 Skills

+

levnikolaevich, Trail of Bits 등 오픈소스 스킬

+
+
+
+ 🤖 +
+

커스텀 Agents

+

code-reviewer, debugger, laravel-expert 등

+
+
+
+ 🔌 +
+

MCP 서버 마켓

+

Slack, Notion, DB, Figma 등 수백 개 연동

+
+
+
+
+
+ + {{-- SAM 팀 활용 현황 --}} +
+

SAM 프로젝트 팀의 Claude Code 활용 현황

+
+
+

사용 모델

+

Opus 4.6 (메인) + Haiku 4.5 (서브에이전트)

+
+
+

등록 Skills

+

40+ 스킬 (보안, 코드 품질, PPT, 문서 등)

+
+
+

등록 Agents

+

11개 (laravel-expert, debugger, git-manager 등)

+
+
+

자동화

+

커밋 → 자동 develop/main push (MNG)

+
+
+
+
+ +
+
+@endsection + +@push('scripts') + +@endpush diff --git a/routes/web.php b/routes/web.php index 851b7919..0eb4ad95 100644 --- a/routes/web.php +++ b/routes/web.php @@ -20,6 +20,7 @@ use App\Http\Controllers\Help\AttendanceGuideController; use App\Http\Controllers\Help\BarobillGuideController; use App\Http\Controllers\ClaudeCode\CoworkController as ClaudeCodeCoworkController; +use App\Http\Controllers\ClaudeCode\HistoryController as ClaudeCodeHistoryController; use App\Http\Controllers\ClaudeCode\NewsController as ClaudeCodeNewsController; use App\Http\Controllers\ClaudeCode\PricingController as ClaudeCodePricingController; use App\Http\Controllers\ClaudeCode\UsagePlanController as ClaudeCodeUsagePlanController; @@ -788,6 +789,8 @@ |-------------------------------------------------------------------------- */ Route::prefix('claude-code')->name('claude-code.')->group(function () { + Route::get('/history', [ClaudeCodeHistoryController::class, 'index'])->name('history.index'); + Route::prefix('news')->name('news.')->group(function () { Route::get('/', [ClaudeCodeNewsController::class, 'index'])->name('index'); Route::post('/refresh', [ClaudeCodeNewsController::class, 'refreshCache'])->name('refresh-cache');