홈 › Claude Code › 웹, 데스크톱 및 IDE
개요설치CLI 참조요금 및 한도Agent SDK스킬 및 플러그인GitHub웹, 데스크톱 및 IDE모델오류오픈 소스인가요?튜토리얼학생용 안내QA 자동화Cursor와 비교Codex 및 OpenCode와 비교하위 에이전트훅MCP생태계VS CodeOpenRouter요청 속도 제한중국어 가이드
최종 업데이트: 2026년 10월 11일

Claude Code에 웹 인터페이스가 있나요? 웹, 데스크톱 및 IDE 설명

네. 2025년 말부터 Claude Code는 웹 인터페이스를 제공하며, 데스크톱 앱과 VS Code 및 JetBrains 안에서도 실행됩니다. 모두 같은 에이전트를 사용하지만, 코드가 저장되는 위치와 사용자가 지켜보는 정도가 다릅니다.

TLDR

  • 웹: claude.ai/code는 연결된 GitHub 저장소를 대상으로 Anthropic이 호스팅하는 샌드박스에서 세션을 실행합니다. 어떤 브라우저에서든 작업을 시작하고 나중에 PR을 검토할 수 있습니다.
  • 데스크톱 앱: 같은 CLI를 네이티브 창에서 제공하며, 병렬 세션과 파일 미리보기를 지원합니다.
  • VS Code / JetBrains: 편집기 옆 패널에서 에이전트를 사용하며, 인라인 diff와 선택 영역 컨텍스트를 제공합니다.
  • 터미널은 여전히 가장 완전한 기능을 제공하는 인터페이스이며, 스크립트로 완전히 제어할 수 있는 유일한 인터페이스입니다.

웹에서의 Claude Code

웹 버전은 GitHub 저장소에 연결해 격리된 클라우드 환경으로 복제하고, 그곳에서 에이전트를 실행합니다. 작업을 설명하면 비동기적으로 진행하고, 결과는 브랜치나 풀 리퀘스트로 돌아옵니다. 여러 독립적인 작업을 시작하거나 개발 도구가 설치되지 않은 컴퓨터에서 작업할 때 적합한 인터페이스입니다. 로컬 서비스, 데이터베이스 또는 비밀 정보가 필요한 작업에는 적합하지 않습니다.

데스크톱 앱

데스크톱 앱은 CLI를 네이티브 창으로 제공합니다. 여러 세션을 나란히 표시하고 파일 및 diff 미리보기를 제공하며, 터미널 사용 지식이 필요하지 않습니다. 같은 설정을 사용하므로 셸 프로필에 설정한 ANTHROPIC_BASE_URL와 게이트웨이 키도 적용됩니다.

VS Code 및 JetBrains에서 Claude Code를 사용하는 방법

VS Code 마켓플레이스에서 Claude Code 확장 프로그램(또는 JetBrains 플러그인)을 설치하고, 프로젝트를 연 다음 사이드바의 Claude 아이콘을 클릭하세요. CLI가 없으면 처음 실행할 때 설치됩니다. 코드를 선택하면 컨텍스트로 전달되며, 변경을 요청하면 수락하거나 거부할 수 있는 인라인 diff가 표시됩니다. 터미널과 동일한 환경을 읽으므로 셸 프로필에 설정한 게이트웨이 키는 편집기 안에서도 적용됩니다. 다음을 실행하세요: /status 패널에서 실행하여 엔드포인트를 확인하세요.

확장 프로그램은 편집기 내부의 패널에서 Claude Code를 엽니다. 선택한 코드는 자동으로 컨텍스트가 되고, 수정 사항은 수락하거나 거부할 수 있는 인라인 diff로 표시되며, 처음 실행할 때 CLI가 자동으로 설치됩니다. 일상적인 편집 작업에서는 대부분 이 방식을 사용하게 됩니다.

작업별로 적합한 실행 환경

  • 장시간 자율 리팩터링, 스크립트, CI → 터미널(출력 모드) 또는 Agent SDK.
  • 현재 편집 중이 아닌 저장소에서 여러 작업을 병렬로 수행 → 웹.
  • 대화형 페어 프로그래밍 → 편집기 확장 프로그램.
  • 편집기 없이 GUI 사용 → 데스크톱 앱.

모든 실행 환경에서 게이트웨이 사용

터미널, 데스크톱 앱, 편집기 확장 프로그램은 모두 환경의 ANTHROPIC_BASE_URL 및 키 설정을 따르므로 게이트웨이 계정을 변경 없이 사용할 수 있습니다. 웹 버전은 Anthropic의 클라우드에서 실행되며, 해당 웹 서비스에 로그인한 계정을 사용합니다.

먼저 무료로 사용해 보세요

신규 계정에는 $5의 무료 API 크레딧이 제공됩니다 사용할 코드: CLAUDECODE — Sonnet으로 저녁 한나절 Claude Code를 사용하기에 충분합니다. 이후에는 액면가의 7.69231배에 해당하는 크레딧이 제공됩니다.

export ANTHROPIC_BASE_URL=https://aiprimetech.io
export ANTHROPIC_API_KEY=your_key

코드 CLAUDECODE로 계정 만들기

자주 묻는 질문

Claude Code에 GUI가 있나요?

네. 데스크톱 앱, 웹 인터페이스, VS Code 및 JetBrains 확장 프로그램이 있습니다. 터미널은 다섯 가지 실행 환경 중 하나입니다.

웹의 Claude Code는 CLI와 동일한가요?

에이전트는 같지만 환경이 다릅니다. 웹 버전은 GitHub 저장소를 대상으로 클라우드 샌드박스에서 실행되므로 로컬 컴퓨터에 접근할 수 없습니다.

VS Code 확장 프로그램에서 게이트웨이 키를 사용할 수 있나요?

네. CLI와 동일한 환경 변수를 읽습니다.

게이트웨이에서 Claude Code 실행하기

동일한 모델, 환경 변수 두 개, 액면가의 7.69231배에 해당하는 크레딧 또는 정액 무제한 요금제를 이용하세요. 신규 계정: 코드 CLAUDECODE로 $5의 무료 API 크레딧을 받으세요.

API 키 발급받기 무제한 요금제 보기

AI Prime Tech는 독립 API 게이트웨이이며 Anthropic과 제휴 관계가 없고, Anthropic의 보증이나 후원을 받지 않습니다. “Claude”와 “Claude Code”는 Anthropic의 상표입니다. 여기에 설명된 Claude Code 기능은 작성 당시 Anthropic의 공개 문서를 기준으로 하며 자주 변경됩니다. 이 페이지의 가격과 모델 목록은 이 게이트웨이의 실시간 설정에서 가져옵니다.

더 많은 Claude Code 가이드

Claude Code: 완벽 가이드Claude Code 설치 방법Claude Code CLI 문서: 명령어와 플래그Claude Code 요금 및 한도 설명Claude Code SDK, 이제 Claude Agent SDK로Claude Code 스킬과 플러그인GitHub에서 Claude Code 사용하기: App, Action 및 @claudeClaude Code가 사용하는 모델과 변경 방법Claude Code 오류와 해결 방법Claude Code는 오픈 소스인가요?Claude Code 튜토리얼: 첫 실전 세션학생을 위한 Claude: Claude Code, API 및 교육 분야에서 실제로 제공되는 혜택QA 자동화에 Claude Code를 사용하는 방법Claude Code와 Cursor 비교: 어떤 도구를 언제 선택하고, 둘 다 어떻게 사용할까Claude Code vs Codex vs OpenCode: 터미널 에이전트 비교Claude Code 하위 에이전트: 작동 방식, 정의 방법, 에이전트 팀Claude Code 훅: 에이전트 동작에 대한 결정론적 제어Claude Code MCP: 서버 연결, 범위, 원격 MCP와 실제 예제Claude Code 생태계: 라우터, 프레임워크, 플러그인과 이를 모아 둔 목록VS Code에서 Claude Code 사용하기: 확장 프로그램, 터미널 사용 방식, 오류Claude Code에서 OpenRouter를 사용하는 방법과 사용하지 않는 편이 나은 경우Claude 요청 한도 오류: "API 오류: 요청 한도 도달"의 의미와 해결 방법Claude Code 사용법: 설치부터 일상적인 사용까지