macOS 노치 뒤에 숨은 아이콘, occlusionState로 찾아낸 UI 해결책

Context

최신 MacBook의 디스플레이 노치 설계로 인해 메뉴 바 아이콘 공간이 제한됨. 실행 중인 앱이 많을 경우 Tailscale 아이콘이 노치 영역에 가려져 사용자 접근이 불가능한 현상 발생. Apple API 수준에서 메뉴 바 아이콘의 배치 순서나 오버플로우 영역을 제어할 수 없는 구조적 한계 존재.

Technical Solution

• NSWindow.didChangeOcclusionStateNotification 알림을 통해 윈도우 가림 상태를 실시간 감지하는 관찰자 패턴 도입
• occlusionState 속성값을 분석하여 아이콘이 물리적으로 가려졌는지 여부를 판단하는 로직 구현
• 아이콘 가림 상태 확인 시 사용자에게 알림 팝업을 띄워 메뉴 바 아이콘 재배치 또는 삭제를 유도하는 가이드 제공
• 메뉴 바 의존성을 완전히 제거하기 위해 Dock 및 Spotlight 검색을 통해 접근 가능한 독립적인 Windowed App 인터페이스 구축
• 메뉴 바 앱과 윈도우 앱이 병행 실행되는 하이브리드 구조를 채택하여 접근 경로 다각화

Key Takeaway

OS 수준의 API 제약으로 인한 UI 가시성 문제는 상태 감지 API를 활용한 사용자 가이드 제공과 접근 경로의 다변화라는 설계적 우회 전략으로 해결 가능.