피드로 돌아가기
What I Learned Building HiyokoBar — A Menubar App That Does One Thing Per Click
Dev.toDev.to
Frontend

제한된 UI 공간과 하위 호환성을 고려한 macOS Menubar App 최적화 설계

What I Learned Building HiyokoBar — A Menubar App That Does One Thing Per Click

hiyoyo2026년 5월 6일2intermediate

Context

수직 400px라는 극도로 제한된 UI 공간 내에서 사용자 경험을 극대화해야 하는 기술적 제약 존재. 단순 기능 나열이 아닌 빠른 스캔과 즉각적인 실행이 가능한 고밀도 인터페이스 설계가 요구되는 상황.

Technical Solution

  • Accessory Activation Policy 채택을 통한 Dock 아이콘 및 Cmd+Tab 진입 제거로 백그라운드 최적화 구현
  • 트레이 아이콘 좌표의 실시간 계산 로직을 통한 동적 Panel Positioning 정밀도 확보
  • Native Dialog 호출 시 Blur-hiding 동작을 억제하는 Focus Behavior 제어로 UX 일관성 유지
  • 하위 macOS 버전 호환성 확보를 위해 SMAppService 대신 LaunchAgent plist 방식의 자동 실행 구조 설계
  • Local-only Analytics 기반의 기능 사용률 분석을 통한 저효율 기능 제거 및 UI 복잡도 최적화

1. UI 제약 사항을 기반으로 한 기능 우선순위 재정립

2. 타겟 OS의 하위 호환성을 고려한 프로세스 실행 방식(plist vs API) 검토

3. 정량적 데이터 기반의 기능 삭제(Feature Pruning) 프로세스 도입

원문 읽기