Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
이 모드는 Claude Code의 차이점(diff) 보기 기능을 개선하여, 변경 사항을 하나의 목록 대신 두 개의 나란한 열로 표시합니다. 삭제된 줄은 왼쪽에, 추가된 줄은 오른쪽에 각각 배치되어 코드 비교 및 검토의 가독성을 크게 높여줍니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Claude Ecosystem의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기모든 Edit 및 Write의 차이점(diff)을 하나의 쌓인 -/+ 목록 대신 두 개의 나란한 열로 표시하는 Claude Code 모드:
Split diff of an Edit: removed lines on the left, added lines on the right, each with its own line numbers
⋯ N개의 변경되지 않은 줄로 축소되어 표시됩니다.diffRemoved / diffAdded 테마 키)을 따르므로, 사용자의 /theme 설정을 따릅니다./diff 패널에서 사용하는 Code 요소)를 통해 제공되며, 언어는 파일 확장자에서 가져옵니다.오류, 검토 대기 중인 편집 내용, 완전히 새로운 파일 및 차이점(diff)이 없는 모든 내용은 Claude Code의 일반적인 표시 방식을 유지합니다.
claude --version 명령어로 확인하세요.--safe-mode나 --bare로 시작하지 않아야 하며, 조직의 관리 설정에 의해 차단되지 않아야 합니다.터미널에서:
claude plugin marketplace add neteye-platform/cc-split-diff-view
claude plugin install cc-split-diff-view@neteye-platform
또는 Claude Code 세션 내부에서:
/plugin marketplace add neteye-platform/cc-split-diff-view
/plugin install cc-split-diff-view@neteye-platform
다운로드나 빌드 단계가 필요하지 않습니다: Claude Code가 저장소를 가져와 TypeScript를 직접 로드합니다. 새 세션을 시작하거나 (/reload-plugins 실행), Claude에게 파일을 편집하도록 요청하세요.
설치 여부를 확인하려면 /plugin을 실행하고 Installed 항목에서 cc-split-diff-view를 찾아보세요.
Claude Code는 설치된 플러그인을 버전별로 캐시하므로, 업데이트가 도착하는 시점은 .claude-plugin/plugin.json의 version이 변경될 때입니다:
claude plugin marketplace update neteye-platform
claude plugin uninstall cc-split-diff-view@neteye-platform
또한, /plugin의 설치됨 (Installed) 탭에서 제거하지 않고도 비활성화할 수 있습니다.
git clone https://github.com/neteye-platform/cc-split-diff-view.git
claude --plugin-dir ./cc-split-diff-view
해당 디렉토리에서 파일을 저장하면 모드가 핫 리로드됩니다 (hot-reloads).
편집(Edit)과 쓰기(Write)만 다시 그려집니다. 권한 프롬프트는 렌더 사이트가 아니므로 모드가 변경할 수 없습니다.claude -p, 그리고 클라우드 세션에서는 활성 상태를 유지하지만, 인터페이스 부분은 터미널과 데스크톱 앱의 코드 탭에서만 그려집니다.claude plugin validate .를 실행하고 디버그 로그를 확인하세요.NetEye Platform 개발팀의 Oscar Zambotti (@oskarnrk)가 Claude Code와 함께 개발했습니다.
Awesome Claude Code Mods에 등록되어 있습니다.