실시간 수업 세션

같은 교육 플랫폼의 실시간 강의 기능(포커스타임)에서, 교사가 원격 수업 중 학생들의 접속과 집중 상태를 한 화면에서 파악해야 했습니다. 수십 명의 상태가 계속 바뀌는 화면이라, 갱신이 늦으면 신뢰를 잃고 너무 잦으면 화면이 어지러워지는 균형 문제가 있었습니다.

WebSocket으로 학생 입장(join)·상태 변경(status) 이벤트를 수신해 목록을 실시간 갱신하는 구조로 만들었습니다. 상태는 집중/자리비움/이탈 같은 소수의 범주로 단순화해 교사가 한눈에 읽을 수 있게 했고, 개별 학생의 변화는 뱃지로, 전체 현황은 집계로 분리해 보여줬습니다.

실시간 강의 화면이 서비스에 반영되어 교사가 수업 중 학생 상태를 모니터링할 수 있게 됐습니다. 원본 코드는 보유하고 있지 않아, 이 데모는 그 화면의 이벤트 수신 구조를 시뮬레이션으로 재구성한 것입니다.

실시간 UI의 품질은 수신 기술보다 정보 설계에서 갈린다는 것 — 이벤트를 그대로 뿌리는 게 아니라 사용자가 읽을 수 있는 단위(범주·집계)로 변환하는 층이 필요하다는 것을 배웠습니다.