Next.js 실시간 앱 아키텍처 개선기: React Portal, 픽셀 렌더링, 그리고 Firebase Presence 최적화

Firebase Realtime Database를 활용한 실시간 경매 앱의 성능과 UI 구조를 대폭 개선했습니다. CSS 컨테이닝 블록 이슈를 React Portal로 해결하고, 역할(Role) 기반의 접속 상태(Presence) 동기화 버그를 수정했으며, 독자적인 Cyber-Pixel 디자인 시스템을 구축한 과정을 상세히 공유합니다.