Web Locks API를 통한 브라우저 탭 간 Single Active 상태 동기화 구현

Context

다중 브라우저 탭 환경에서 단 하나의 탭만 활성화하고 나머지는 잠금 처리하는 Single Active Tab 경험 구현 필요. localStorage 및 BroadcastChannel 기반의 상태 관리 방식은 Race Condition 해결 불가 및 비정상 종료 시 Stale Data 발생이라는 아키텍처적 한계 존재.

Technical Solution

• 브라우저 네이티브 동기화 메커니즘인 Web Locks API를 도입하여 탭 간 자원 점유 제어
• 'dev:app'이라는 고유 Lock Name을 정의하여 애플리케이션 자체를 공유 자원으로 추상화
• navigator.locks.request 메서드를 통한 원자적(Atomic) Lock 획득으로 Race Condition 원천 차단
• 브라우저 런타임이 Lock 큐를 직접 관리함에 따라 활성 탭 종료 시 다음 대기 탭으로의 자동 권한 이양 구현
• 상태 정보를 메모리가 아닌 브라우저 API 레벨에서 관리하여 시스템 크래시나 강제 종료 시의 Stale State 문제 해결