
라이브 개발 서버와 함께 휴대폰에서 Claude Code를 사용하는 방법
요약
모바일 환경에서 Claude Code를 사용하며 개발 서버의 라이브 미리보기를 동시에 확인할 수 있는 오픈 소스 도구 'durbin'을 소개합니다. Tailscale Funnel을 활용해 복잡한 설정 없이 QR 코드 스캔만으로 모바일 UI를 제공합니다.
핵심 포인트
- Claude Code를 모바일에서 구동할 수 있는 전용 UI 제공
- Tailscale Funnel을 통한 간편한 역방향 프록시 및 터널링
- 개발 서버 라이브 미리보기와 채팅창을 동시에 확인 가능
- 세션 히스토리, 푸시 알림, 중지 버튼 등 편의 기능 포함
- npm을 통해 간편하게 설치 가능한 단일 파일 패키지
저는 개발 서버의 라이브 미리보기(live preview)와 함께 휴대폰에서 Claude Code를 구동할 수 있는 오픈 소스 도구인 durbin을 만들었습니다. Repo: https://github.com/PragyanSubedi/durbin 저는 책상을 벗어나서도 사이드 프로젝트를 계속 진행하고 싶었기에 durbin을 개발했습니다. 프로젝트 루트에서 명령어 하나만 실행하면, 단일 프라이빗 URL을 통해 개발 서버의 라이브 미리보기 옆에 Claude Code를 위한 휴대폰 UI를 제공합니다.
작동 방식: 이 도구는 Agent SDK를 통해 Claude Code를 실행하고, 동일한 토큰 기반 URL(token-gated URL)에서 개발 서버를 역방향 프록시(reverse-proxy)하는 단일 파일 npm 패키지입니다. 사용자를 위해 Tailscale Funnel을 활성화하고 QR 코드를 출력하므로, 별도의 포트 포워딩(port forwarding)이나 터널 설정이 필요 없습니다. QR 코드를 스캔하고 홈 화면에 추가한 뒤, 키보드 마이크로 변경 사항을 받아쓰기(dictate)하면 채팅 옆에서 미리보기가 새로고침됩니다.
히스토리가 포함된 세션, 긴 작업이 완료되었을 때의 푸시 알림, 선택 사항인 비밀번호 로그인, 그리고 Claude가 통제 불능 상태가 되었을 때를 위한 중지 버튼 기능이 있습니다.
설치 방법: npm i -g durbin 을 설치한 후, 프로젝트에서 durbin을 실행하세요. Node 20 이상, Tailscale, 그리고 Claude 구독이 필요합니다. MIT 라이선스이며, 약 90KB의 단일 파일과 두 개의 의존성(dependencies)으로 구성되어 있습니다. 특히 보안 모델(security model)에 대한 피드백을 환영합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기