macOS 스크린샷, 이제 요소 인식까지!
기존 스크린샷 도구의 영역 지정 한계와 요소 인식 부재 문제를 해결하고자 macOS 스크린샷 앱 'Xray' 개발
React(React)와 TypeScript(TypeScript)를 활용한 프론트엔드(Frontend)와 Rust(Rust)와 Tauri(Tauri)를 사용한 백엔드(Backend)로 구성
접근성(AX) API를 활용하여 UI 요소 자동 인식 및 캡처 기능 구현
MIT 라이센스로 오픈 소스(Open Source) 공개, 개발자 서명 미등록으로 인한 실행 권한 설정 필요
macOS 접근성(AX) API를 활용한 UI 요소 인식
본문에서 설명하는 Xray는 macOS의 접근성(AX) API를 활용하여 UI 요소의 메타데이터(Metadata)를 획득한다.
접근성 API: 픽셀 이미지가 아닌 UI 요소의 종류, 위치, 크기 정보를 제공
웹/네이티브 앱 호환성: 브라우저 확장 방식의 한계를 극복하고 데스크톱 앱(Desktop App)으로 구현
동작 방식: 마우스 위치의 UI 요소를 감지하고, 오버레이(Overlay)로 하이라이트 후 캡처
결과적으로 픽셀 단위의 캡처가 아닌, UI 요소 단위의 정확한 캡처가 가능해진다.
Tauri를 활용한 데스크톱 앱 개발
Xray는 Rust(Rust)와 Tauri(Tauri)를 사용하여 데스크톱 앱을 개발했다.
Tauri: 웹 기술(React, HTML, CSS)을 사용하여 네이티브 앱(Native App) 개발 가능
장점: 웹 기술의 편리함과 네이티브 성능을 동시에 확보
구조: 프론트엔드는 React, 백엔드는 Rust로 구성하여 UI 렌더링(UI Rendering)과 OS 레벨 작업 분리
Tauri는 크로스 플랫폼(Cross-Platform) 개발을 위한 훌륭한 선택지이며, 웹 기술에 익숙한 개발자에게 적합하다.
오픈 소스(Open Source) 라이선스 및 배포
Xray는 MIT 라이선스(MIT License)로 공개되어 자유로운 사용 및 수정, 배포가 가능하다.
MIT 라이선스: 상업적 이용(Commercial Use) 포함 모든 용도에 자유롭게 사용 가능
개발자 서명 부재: sudo xattr 명령어를 통해 실행 권한(Execution Permission)을 수동으로 부여해야 함
배포: 깃허브(GitHub)를 통해 소스 코드(Source Code) 공개
오픈 소스(Open Source)를 통해 개발 경험 공유 및 커뮤니티 기여(Community Contribution)를 기대할 수 있다.
스크린샷 앱 개발의 기술적 도전
Xray 개발 과정에서 다양한 기술적 도전(Technical Challenge)이 있었을 것으로 예상된다.
접근성 API 활용: macOS 접근성 API의 복잡성(Complexity)과 안정성(Stability) 문제 해결
UI 요소 인식 정확도: 다양한 UI 요소에 대한 정확한 인식 알고리즘(Recognition Algorithm) 구현
성능 최적화: 실시간 오버레이(Real-time Overlay) 렌더링 및 캡처 성능 최적화
결과적으로, Xray는 개발 생산성 향상(Development Productivity Improvement)에 기여할 수 있는 유용한 도구이다.
