Proxee

Proxee란?

Proxee는 macOS 메뉴 막대 앱으로, 로컬 웹 개발 서버를 iPhone에 미러링해 개발 중에도 라이브 사이트를 미리 보고 상호작용할 수 있게 해줍니다. 프로젝트 코드를 변경하지 않고 실제 iPhone에서 모바일 레이아웃, 탐색, 스크롤, 새로고침 동작을 확인하려는 웹 개발자를 위해 설계되었습니다.

이 제품은 QR 기반 설정과 신뢰된 기기 페어링을 사용해 Mac과 iPhone을 로컬 네트워크로 연결합니다. 사이트에 따르면 Next.js, React, Astro, Vite 같은 로컬 웹 서버와 프레임워크와 함께 작동하며, 어댑터나 코드 변경 없이 HTTP 계층에서 동작합니다.

주요 기능

• iPhone 라이브 미리보기: 연결된 iPhone에 로컬 개발 프로젝트를 표시해 개발 중 모바일 UI를 확인할 수 있습니다.
• 라이브 리로드 및 동기화: 페어링된 기기 간에 새로고침, 페이지 이동, 스크롤 위치, 테마 변경을 동기화합니다.
• QR 기반 페어링 흐름: 설정은 로컬 포트 선택, QR 코드 스캔, iPhone의 페어링 승인으로 시작됩니다.
• 프레임워크 비의존 프록시: 프로젝트별 어댑터나 변경 없이 로컬 개발 서버와 함께 작동하며, 일반적인 프레임워크와 서버와 호환된다고 설명됩니다.
• 무료 iOS 동반 앱: iPhone을 깨어 있게 유지하고 긴 작업을 위해 세션을 기억하는 동반 앱이 포함됩니다.
• 로컬 전용 동작: Mac에서 실행되며 LAN을 통해 통신하고, 클라우드 릴레이나 외부 서버를 사용하지 않습니다.

Proxee 사용 방법

Mac 앱을 설치하고 메뉴 막대에서 실행한 뒤, 로컬 웹 서버가 실행 중인 포트를 지정합니다. 그런 다음 iPhone으로 QR 코드를 스캔하고 페어링 요청을 승인합니다.

페어링 후에는 iPhone에서 프록시된 사이트를 열어 Mac에서 작업하는 동안 라이브 모바일 미리보기처럼 사용하면 됩니다. 필요하다면 동반 앱을 사용해 긴 세션 동안 전화기가 깨어 있도록 하고 세션을 계속 사용할 수 있게 하세요.

활용 사례

• Mac에서 로컬 사이트를 편집하면서 실제 iPhone의 반응형 레이아웃을 확인할 때
• 개발 중 스크롤 동작, 페이지 이동, 새로고침 동작을 검증할 때
• 페어링된 기기 간 로컬 로그인 또는 브라우저 기반 OAuth 흐름을 테스트할 때
• 기기를 반복해서 전환하거나 워크플로를 다시 빌드하지 않고 테마 변경 및 기타 UI 상태 변화를 검토할 때
• 통합 코드를 추가하지 않고 모바일 미리보기를 원하는 프레임워크 기반 로컬 개발 서버 작업을 할 때

FAQ

• Proxee는 iOS 앱 개발용인가요? 아닙니다. 사이트에서는 로컬에서 실행 중인 웹 개발 서버를 iPhone에서 미리 보는 웹 개발자용이라고 설명합니다.

• 프로젝트 변경이나 어댑터가 필요한가요? 아닙니다. 이 제품은 프레임워크 비의존적이며 코드 변경이나 특수 어댑터가 필요하지 않다고 설명됩니다.

• 동반 앱이 있나요? 네. iPhone을 깨어 있게 유지하고 세션을 기억하기 위한 무료 iOS 동반 앱이 언급됩니다.

• Proxee는 오프라인 또는 로컬에서 작동하나요? 로컬 전용으로 설명되며, 프록시는 Mac에서 실행되고 트래픽은 로컬 네트워크 안에 머뭅니다.

• Android도 지원하나요? 사이트에 따르면 iOS에 최적화되어 있지만 같은 Wi-Fi의 다른 브라우저에서도 사용할 수 있습니다. 주된 완성도 높은 흐름은 iPhone을 중심으로 구성되어 있습니다.

대안

• 데스크톱의 기본 브라우저와 반응형 디자인 도구 사용: 빠른 레이아웃 확인에는 유용하지만, 실제 기기에서의 모바일 미리보기와 같은 워크플로는 제공하지 않습니다.
• 원격 기기 테스트 서비스: 더 넓은 기기 접근과 크로스 디바이스 테스트를 위한 것으로, 로컬 LAN 워크플로보다 클라우드 호스팅 인프라를 사용하는 경우가 많습니다.
• 전통적인 터널 또는 프리뷰 프록시 도구: 로컬 사이트를 외부에서 접근할 수 있게 하지만, 신뢰된 기기 페어링, 스크롤 동기화, iPhone 중심 동반 앱 워크플로에 초점을 두지 않을 수 있습니다.
• 같은 Wi-Fi에서 수동으로 기기 새로고침: 임시 확인에는 가장 단순한 옵션이지만, Proxee에 설명된 페어링 동기화와 세션 유지 기능은 없습니다.