웹 앱
설치 없이 브라우저에서 바로 Claude Code 사용
개요
웹의 Claude Code는 브라우저에서 Claude Code의 모든 기능을 제공합니다. 설치가 필요 없으며, 브라우저를 열고 바로 AI 지원 코딩을 시작할 수 있습니다. 빠른 작업, 원격 머신, 또는 로컬 설치가 불가능한 환경에 적합합니다.
Web vs CLI vs Desktop
| 기능 | Web App | CLI | Desktop |
|---|---|---|---|
| 설치 필요 | 없음 | CLI 설치 | 앱 설치 |
| 로컬 파일 접근 | 클라우드만 | 전체 | 전체 |
| 성능 | 네트워크 의존 | 최고 | 우수 |
| Git 통합 | 원격 저장소 | 전체 | 전체 |
| 협업 | 세션 공유 | 제한적 | 제한적 |
| 오프라인 사용 | 불가 | 가능 | 가능 |
| 최적 사용 환경 | 빠른 작업, 원격 | 파워 유저 | GUI 선호 |
주요 기능
설치 불필요
로컬에 아무것도 설치하지 않고 모든 브라우저에서 Claude Code에 접근
클라우드 워크스페이스
영구 스토리지가 있는 클라우드에서 워크스페이스 생성 및 관리
실시간 협업
AI와 함께하는 페어 프로그래밍을 위해 팀원과 세션 공유
Git 통합
GitHub, GitLab, Bitbucket 리포지토리에 직접 연결
터미널 접근
브라우저에서 명령어와 스크립트를 실행하기 위한 전체 터미널 접근
모바일 친화적
태블릿과 모바일 장치에서 작동하는 반응형 디자인
지원하는 워크플로우
AI 지원 코딩
새 기능 구현, 코드 리팩토링, 버그 수정을 자연어 지시만으로 수행하세요. Claude가 코드를 읽고, 수정하고, 새 파일을 생성합니다.
PR 리뷰 & 코드 리뷰
Pull Request를 분석하고, 코드 품질을 검토하며, 개선 사항을 제안받으세요. 원격 저장소에 직접 연결하여 PR을 생성할 수도 있습니다.
디버깅 & 문제 해결
오류 메시지를 붙여넣고 Claude에게 원인 분석과 수정을 요청하세요. 로그 분석, 스택 트레이스 해석도 가능합니다.
테스트 작성 & 실행
유닛 테스트, 통합 테스트를 생성하고 브라우저 터미널에서 직접 실행하세요. 실패한 테스트를 자동으로 수정합니다.
문서화 & 설명
코드베이스를 탐색하고 아키텍처를 설명받으세요. README, API 문서, 주석을 자동 생성합니다.
Git 작업 자동화
커밋 메시지 작성, 브랜치 관리, PR 생성까지 Git 워크플로우를 자연어로 자동화하세요.
저장소 연결하기
웹 앱에서 기존 프로젝트를 작업하려면 원격 저장소를 연결하세요. GitHub, GitLab, Bitbucket을 지원합니다.
OAuth 연결 승인
웹 앱에서 Git 제공자(GitHub 등)에 대한 OAuth 연결을 승인합니다. 이를 통해 Claude가 저장소에 접근할 수 있습니다.
저장소 선택
연결할 저장소를 목록에서 선택하거나 저장소 URL을 직접 붙여넣습니다. 프라이빗 저장소도 지원됩니다.
클라우드 워크스페이스 생성
선택한 저장소가 클라우드 워크스페이스에 클론됩니다. 이 환경은 영구적이므로 세션 간에 작업이 유지됩니다.
코딩 시작
Claude에게 코드 변경을 요청하고, 완료 후 변경사항을 커밋하고 PR을 생성하세요. 모든 작업이 브라우저 안에서 이루어집니다.
시작하기
브라우저에서 claude.ai/code 방문
Anthropic 계정으로 로그인
새 워크스페이스를 생성하거나 기존 리포지토리 연결
브라우저에서 Claude와 코딩 시작
웹 앱 사용 팁
키보드 단축키 활용
- Enter: 메시지 전송
- Shift+Enter: 줄바꿈 입력
- Shift+Tab: Plan Mode 전환
- Esc: 현재 작업 취소
- /clear: 대화 초기화
세션 관리
- 긴 대화는 /compact로 요약하여 컨텍스트 유지
- 새로운 주제는 새 세션으로 시작
- 중요한 컨텍스트는 CLAUDE.md에 저장
- 세션이 느려지면 /clear 후 재시작
성능 최적화
- 큰 파일은 직접 편집보다 Claude에게 요청
- 불필요한 파일 첨부 피하기
- 안정적인 인터넷 연결 확보
- Wi-Fi보다 유선 연결 권장 (대용량 작업 시)
효과적인 프롬프트
- 구체적인 파일 경로와 함수명 포함
- 원하는 결과를 명확하게 설명
- 스크린샷으로 UI 문제 설명 가능
- "think hard"로 복잡한 문제 분석 요청
웹 앱의 장점
- 설치나 설정 없이 즉시 시작 가능 - 브라우저만 있으면 됩니다
- 어떤 기기에서든 접속 가능 (Chromebook, 태블릿, 회사 제한 PC 등)
- 세션 공유로 팀원과 실시간 협업 가능
- 클라우드 워크스페이스로 작업 환경이 자동 유지
- 로컬 컴퓨터 리소스를 사용하지 않아 가벼움
고려사항
- 안정적인 인터넷 연결 필요
- 일부 파일시스템 작업은 로컬 설치보다 느릴 수 있음
- 대규모 프로젝트 지원은 인터넷 속도에 따라 다름