이번 업데이트는 모델 성능을 획기적으로 향상시키는 데 초점을 맞추고 있으며, 특히 개발자들이 가장 크게 체감할 수 있는 변화는 바로 새로운 모델의 적용입니다.
모델 업그레이드: 소네트(Sonnet) 4.5
클로드 코드에서 기존에는 오퍼스(Opus) 4.1과 소네트(Sonnet) 4.1 모델을 선택적으로 사용할 수 있었습니다. 이번 업데이트로 이제 소네트 4.5가 기본 모델로 탑재되었습니다. 물론, 필요에 따라 여전히 오퍼스 모델을 선택해 사용할 수 있습니다. 소네트 4.5는 코드에 대한 이해력과 생성 능력이 대폭 향상되어, 더욱 정확하고 효율적인 개발 작업을 지원할 것으로 기대됩니다.
벤치마크로 확인하는 성능 향상
실제 성능 향상은 벤치마크 테스트 결과에서도 잘 드러납니다. 특히 코딩 에이전트의 성능을 측정하는 대표적인 지표인 SWE-Bench에서 클로드는 여전히 탁월한 성능을 보여주고 있습니다.
클로드코드 SWE-bech 측정 결과
몇몇 사용자의 경험에 따르면, 기존 모델과 비교했을 때 확연한 성능 차이를 느낄 수 있었다고 합니다. 단순히 코드를 생성하는 것을 넘어, 복잡한 문제 해결 과정에서도 더 나은 추론 능력을 보여주는 것이 주요 특징입니다.
실제 몇일간 사용해보면서 Sonnet4.5가 Opus 4.1과 비슷하면서, 성능이 많이 개선되었고 느꼈습니다. 요청한 대부분의 요청에서 의도한 바를 정확히 인식하였고, 약간의 개발자 의견을 더해서 구현도 제대로 할 수 있었습니다.
UI 개선: 더 친숙해진 사용자 경험
이번 업그레이드에서 사용자들이 크게 체감할 수 있는 변화 중 하나는 바로 사용자 인터페이스(UI)의 개선입니다. CLI(Command Line Interface) 기반 도구의 UI는 태생적으로 한계가 있지만, 클로드 코드는 그 안에서도 다양한 사용자 친화적 요소를 적용하여 사용 편의성을 높였습니다.
새로운 UI는 정보를 더욱 직관적으로 표시하고, 사용자가 필요한 정보를 쉽게 찾을 수 있도록 개선되었습니다. 예를 들어, 진행 중인 작업의 상태를 시각적으로 명확하게 보여주고, 주요 정보를 한눈에 파악할 수 있도록 구성했습니다. 이러한 변화는 복잡한 CLI 환경에 익숙하지 않은 사용자에게도 훨씬 더 친숙하게 느껴질 것 같습니다.
클로드 코드 v2.0 실행 화면
사용량 확인 기능: `/usage` 명령어
이번 업데이트에서 사용자 편의성을 크게 향상시킨 또 다른 기능은 바로 사용량 확인 명령어 `/usage`의 추가입니다. 기존에는 `ccusage`와 같은 외부 도구를 사용해야만 했고, 이로 인해 여러 기기에서 작업할 경우 정확한 사용량을 파악하기 어려운 문제가 있었습니다. 이제 클로드 코드에 내장된 이 명령어를 사용하면 기기에 상관없이 정확한 사용량 정보를 손쉽게 확인할 수 있습니다.
클로드코드 /usage 실행 화면
또한, 컨텍스트 윈도우의 크기를 확인하는 명령어 `/context` 역시 사용자 가독성을 높이는 방향으로 개선되어, 작업 환경을 더욱 효율적으로 관리할 수 있게 되었습니다.
클로드코드 /context 명령어 실행 화면
Undo 기능 `/rewind`
코딩 작업을 하다 보면, 의도치 않은 실수가 발생하거나 복잡한 작업으로 인해 코드가 꼬이는 경우가 잦습니다. 이럴 때를 대비해 개발자의 코드 수정 상태를 자동으로 저장해 주는 **'되감기(rewind)'** 기능이 추가되었습니다. 이 기능 덕분에 새로운 시도를 하다가 문제가 생겨도 **`/rewind`** 명령어를 사용해 이전의 안정적인 상태로 손쉽게 되돌아갈 수 있습니다.
VSCode 확장 프로그램: IDE 연동을 통한 편리한 개발 환경
개인적으로 Claude Code를 활용할 때는 터미널보다는 VS Code 확장 프로그램을 선호합니다. IDE(통합 개발 환경)가 주는 익숙함과 편의성, 그리고 확장 프로그램이 IDE와 긴밀하게 연동될 때 얻을 수 있는 시너지 효과 때문입니다.
터미널 환경에 익숙하지 않은 사용자들을 위해 VS Code 마켓플레이스에 네이티브 확장 프로그램이 공식적으로 출시되었습니다.
이 확장 프로그램은 VS Code 내에 전용 사이드바를 제공하며, 코드를 수정할 때 인라인 차이점(inline diff) 기능을 통해 변경 사항을 실시간으로 직관적으로 확인할 수 있고, 마우스로 원하는 부분을 선택하는 등 그래픽 기반의 사용자 인터페이스를 활용해 효율적으로 코딩 작업을 할 수 있습니다. 복잡한 터미널 명령어를 일일이 입력할 필요가 없어진 것이죠.
VSCode용 클로드코드 확장 프로그램 실행 화면
VSCode의 Status Bar에 Context 사용 상태를 표시하는 파이차트와 수치가 표시됩니다.
VSCode의 Context 사용량 표시
VSCode에서 클로드 코드의 질문에 마우스로 답변할 수 있는 UI가 추가되었습니다.
VSCode의 질의응답 UI 변경
최신 업그레이드 확인을 위한 `/release-notes`
새로운 기능과 개선 사항을 확인하려면 /release-notes 명령어를 사용해 보세요. 이 명령어를 통해 최신 업데이트 내용을 자세히 살펴볼 수 있습니다. 아래는 현재 날짜인 2025년 10월 9일 기준으로 v2.0 릴리스 노트의 주요 변경 사항입니다.
Version 2.0.0:
• New native VS Code extension
• Fresh coat of paint throughout the whole app
• /rewind a conversation to undo code changes
• /usage command to see plan limits
• Tab to toggle thinking (sticky across sessions)
• Ctrl-R to search history
• Unshipped claude config command
• Hooks: Reduced PostToolUse 'tool_use' ids were found without 'tool_result' blocks errors
• SDK: The Claude Code SDK is now the Claude Agent SDK
• Add subagents dynamically with `--agents` flag
Version 2.0.1:
• Skip Sonnet 4.5 default model setting change for Bedrock and Vertex
• Various bug fixes and presentation improvements
Version 2.0.5:
• IDE: Fix IME unintended message submission with Enter and Tab
• IDE: Add "Open in Terminal" link in login screen
• Fix unhandled OAuth expiration 401 API errors
• SDK: Added SDKUserMessageReplay.isReplay to prevent duplicate messages
Version 2.0.8:
• Update Bedrock default Sonnet model to `global.anthropic.claude-sonnet-4-5-20250929-v1:0`
• IDE: Add drag-and-drop support for files and folders in chat
• /context: Fix counting for thinking blocks
• Improve message rendering for users with light themes on dark terminals
• Remove deprecated .claude.json allowedTools, ignorePatterns, env, and todoFeatureEnabled config options (instead, configure these in your settings.json)
Version 2.0.9:
• Fix regression where bash backgrounding stopped working
Version 2.0.10:
• Rewrote terminal renderer for buttery smooth UI
• Enable/disable MCP servers by @mentioning, or in /mcp
• Added tab completion for shell commands in bash mode
• PreToolUse hooks can now modify tool inputs
• Press Ctrl-G to edit your prompt in your system's configured text editor
• Fixes for bash permission checks with environment variables in the command
Version 2.0.11:
• Reduced system prompt size by 1.4k tokens
• IDE: Fixed keyboard shortcuts and focus issues for smoother interaction
• Fixed Opus fallback rate limit errors appearing incorrectly
• Fixed /add-dir command selecting wrong default tab
최근 하루 이틀만에 마이너 버전 릴리즈가 지속적으로 이루어 지고 있습니다. 이를 통해 다양한 기능들이 추가되고, 편의성이 더해질 것으로 기대됩니다.
사람들의 환하고 자연스러운 미소를 카메라에 담는 것을 좋아하며, 그렇게 포착된 순간들을 다시 볼 때마다 저도 모르게 미소를 짓게 됩니다. 이러한 취미 덕분에 자연스럽게 카메라 자체에도 깊은 관심을 갖게 되었죠. 현재 사용하는 카메라는 제법 연식이 있다 보니, 최신 기종들을 살펴보며 언젠가 새로운 카메라를 손에 넣을 날을 기대하곤 합니다.
비록 Claude Code에 대한 높은 대중적 관심이 한몫했음은 부인할 수 없지만, 그 이면에는 치밀한 구성과 상당한 준비가 바탕이 되었던 것 같습니다. 예를 들어, 시청자들이 Claude Code에 대해 궁금해할 만한 핵심 질문들을 정확히 짚어내어 간결하고 효과적으로 설명한 덕분입니다.
앞으로 제가 추구해야 할 영상 제작의 본질은 '진정성'에 있다고 생각합니다. 물론 철저한 사전 조사와 잘 짜인 콘텐츠 구성은 필수적인 기반이 되어야 하고요. 이러한 노력이 뒷받침될 때 비로소 제 채널도 지속적으로 성장할 수 있을 것입니다. 결국, 시청자와 소통하고 공감하는 진솔한 자세야말로 진정한 콘텐츠의 힘이라고 믿습니다.
# 기본 구문
claude mcp add <name> <command> [args...]
# 예시: 로컬 서버 추가
claude mcp add my-server -e API_KEY=123 -- /path/to/server arg1 arg2
2. MCP SSE 서버 추가
# 기본 구문
claude mcp add --transport sse <name> <url>
# 예시: SSE 서버 추가
claude mcp add --transport sse sse-server https://example.com/sse-endpoint
# 예시: 사용자 정의 헤더가 있는 SSE 서버 추가
claude mcp add --transport sse api-server https://api.example.com/mcp -e X-API-Key=your-key
3. MCP HTTP 서버 추가
# 기본 구문
claude mcp add --transport http <name> <url>
# 예시: 스트리밍 가능한 HTTP 서버 추가
claude mcp add --transport http http-server https://example.com/mcp
# 예시: 인증 헤더가 있는 HTTP 서버 추가
claude mcp add --transport http secure-server https://api.example.com/mcp -e Authorization="Bearer your-token"
Context7 MCP를 설치하면 개발 프레임워크의 최신 공식 문서를 참조할 수 있습니다.
claude mcp add context7 -- npx -y @upstash/context7-mcp
2.MCP SSE 서버 추가
claude mcp add --transport sse context7 https://mcp.context7.com/sse
3.MCP HTTP 서버 추가
claude mcp add --transport http context7 https://mcp.context7.com/mcp
MCP 서버 관리하기
아래와 같은 command로 서버를 관리할 수 있습니다.
# 구성된 모든 서버 목록 표시
claude mcp list
# 특정 서버의 세부 정보 가져오기
claude mcp get my-server
# 서버 제거
claude mcp remove my-server
context7 설치 후 claude code에서 아래 명령어를 입력하면 다음과 같이 설치된 MCP를 확인할 수 있습니다.
/mcp list
MCP 서버 범위 설정
MCP는 local, project, user의 3가지 범위로 추가가 가능합니다.
이 범위는 어디에서 누가 사용을 할 수 있는가를 설정하는 것입니다.
-s 옵션을 사용하면 범위 설정이 가능합니다.
예를 들면,
claude mcp add --transport http context7 -s local https://mcp.context7.com/mcp
1. local
로컬 범위 서버는 기본 구성 수준을 나타내며 프로젝트별 사용자 설정에 저장됩니다. 이러한 서버는 사용자에게만 비공개로 유지되며 현재 프로젝트 디렉터리 내에서 작업할 때만 액세스할 수 있습니다. 이 범위는 개인 개발 서버, 실험적 구성 또는 공유되어서는 안 되는 민감한 자격 증명이 포함된 서버에 이상적입니다.
2. project
프로젝트 범위 서버는 프로젝트 루트 디렉터리의.mcp.json파일에 구성을 저장하여 팀 협업을 가능하게 합니다. 이 파일은 버전 제어에 체크인되도록 설계되어 모든 팀 구성원이 동일한 MCP 도구와 서비스에 액세스할 수 있도록 보장합니다. 프로젝트 범위 서버를 추가하면 Claude Code가 자동으로 이 파일을 생성하거나 적절한 구성 구조로 업데이트합니다.
3. user
사용자 범위 서버는 프로젝트 간 접근성을 제공하여 사용자 계정에 비공개로 유지하면서 설치된 컴퓨터의 모든 프로젝트에서 사용할 수 있게 합니다. 이 범위는 개인 유틸리티 서버, 개발 도구 또는 다양한 프로젝트에서 자주 사용하는 서비스에 적합합니다.
주요 MCP 서버 리스트
MCP 서버는 주로 Github을 통해 설치 방법을 공유하고 있습니다.
Context7
Context7 MCP는 LLM이 최신 문서와 코드 예제를 실시간으로 읽고 이해할 수 있도록 돕는 도구입니다. 이 도구를 사용하면 프롬프트에 "use context7"만 추가하는 것만으로 AI가 최신 공식 문서와 코드 예제를 자동으로 연결하여 답변을 생성할 수 있습니다.
Firecrawl MCP를 사용하여 다음 URL의 콘텐츠를 스크랩하고,
프로젝트 /documentation 폴더에 LLM.txt 파일을 생성해줘.
https://codegear.info
MCP 사용방법
Playwright MCP를 사용해서 e2e 테스트를 진행해 봅니다.
e2e 테스트는 end to end의 약자로 시스템이 사용자 관점에서 처음부터 끝까지 올바르게 작동하는지 확인하는 테스트 방법입니다. 즉, 실제 사용자가 애플리케이션을 사용하는 것처럼 모든 구성 요소(데이터베이스, 프런트엔드, 백엔드, 네트워크 등)가 제대로 통합되어 기능하는지 검증하는 테스트입니다.
playwirght는 내부적으로 크로미움(오픈소스 웹브라우저)을 실행해서 페이지 요소들을 확인할 수 있습니다.
클로드 코드에서 아래 프롬프트를 입력합니다.
playwright mcp를 사용해서 메인 화면이 정상적으로 오픈되는지 확인하는 e2e 테스트를 만들어줘
우선 VSCode를 실행하고, frontend와 backend의 상위 폴더인 codegear 폴더를 열어줍니다.
README.md
README.md 파일을 만들고 아래와 같이 작성합니다.
## 프로젝트 정의
- 이 프로젝트는 CodeGear의 유튜브 채널을 홍보하는 사이트 개발을 위해 만들어졌다.
- 이 프로젝트는 frontend와 backend로 구성되어 있다.
- /frontend 폴더는 next.js 기반의 프론트엔드 프로젝트이다.
- /backend 폴더는 nest.js 기반의 백엔드 프로젝트이다.
Claude 실행
터미널에claude를 입력합니다.
Claude 초기화
/init 명령으로 프로젝트를 초기화 합니다.
초기화가 완료되면 CLAUDE.md 파일이 생성됩니다.
구글 로그인 기능 추가
아래와 같은 프롬프트를 입력합니다.
구글 로그인 기능을 추가하려고 하는데 백엔드와 프론트엔드로 나누어서 각각 필요한 기능들을 추가해줘.
이렇게 하면 클로드코드가 frontend와 backend에 필요한 코드들을 생성하고 테스트까지 진행을 하게됩니다.
구글 로그인 기능 테스트
다음과 같은 순서로 테스트를 진행합니다.
프로그램 실행하기
프론트엔드 실행
frontend 폴더에서 "npm run dev" 를 실행합니다.
백엔드 실행
backend 폴더에서 "npm run start:dev"를 실행합니다.
브라우저에서 확인하기
브라우저 주소창에 http://localhost:3001을 입력하면 아래와 같은 화면이 보입니다.
우측 상단의 Google로 로그인 버튼을 클릭합니다.
로그인 하려는 계정을 클릭합니다.
CodeGear 서비스 로그인 안내창에서 "계속" 버튼을 클릭하면 로그인이 완료되고 로그인한 사용자 정보가 표시됩니다.
이 프로젝트 아키텍처는 실서비스에 사용할 수 있는 구조입니다.
백엔드와 프론트엔드로 나누어져 있어서 전문적인 서비스를 개발하는데 사용 가능합니다.
이 기반위에 여러가지 필요한 설정과 기능들을 추가해서 여러분의 서비스를 개발하시면 됩니다.
다른 부분은 프레임워크, Database 연동 등이 다르므로 requirement.md를 그에 맞게 작성하시면 됩니다.
requirement.md 예시
### 1. **개발 목적 및 대상 사용자**
- **사이트 목적:** 이 사이트는 codegear.info의 backend API 서비스를 담당한다
### 2. **프레임워크**
- Node.js 기반 프레임워크인 **Nest.js**를 사용한다.
- Database는 **MySQL**을 사용한다.
- Nest.js에서 ORM은 **TypeORM**을 사용한다.
### 3. **아키텍처 요구사항**
- **Swagger** 를 사용해서 API 테스트를 용이하게 한다.
- **컴포넌트** 기능을 최대한 활용할 것.
- **에러 핸들링:** API 에러 발생 시 어떻게 HTTP 상태 코드와 에러 메시지를 전달한다 (예: `{ "statusCode": 400, "message": "Bad Request" }`)
- **인증 및 인가:** Admin 사용자의 로그인 방식은 구글 로그인을 사용한다. 구글 로그인은 백엔드와 프론트에서 처리해야 할 부분을 나누어 처리하도록 한다. JWT 토큰 방식을 사용한다. Role은 normal 과 admin 두개만 사용한다.
- **배포 환경:** 로컬에서 개발 밑 테스트 후 운영 환경에 배포한다.
### 4. **구현계획**
- 한번에 사이트를 완성하지 말고, **단계별 계획**을 세워서 만들것.
- **plan.md**에 계획 내용을 작성해서 저장해서 실제 구현시 사용할것.
- **버전 관리:** Git을 사용하고 github의 repository를 사용한다.
### 5. **언어**
- 답변은 한국어로 할것
