[실무 기록] 폼 실시간 공유 1편 CRDT, Yjs, WebSocket을 파보기까지
·
FrontEnd/JavaScript
회사에서 "CRDT라는 게 있으니 이걸 한 번 검토해서 폼 화면 실시간 공유에 써보자"라고 내려왔고,그때부터 내가 뭐를 어떻게 파기 시작했는지 정리해 둔 기록. 나중에 비슷한 요구가 다시 나왔을 때"그때 어떻게 붙였지?"를 빠르게 복기하려고 남겨두는 글이다.1. 왜 이걸 하게 됐는지출발점은 아주 단순했다.상담/멘토링 화면에서 폼 입력 상태를 실시간으로 공유하고 싶다CRDT라는 개념이 있으니 이쪽을 한 번 조사해서 활용해 봐달라채팅처럼 텍스트만 왔다 갔다 하는 수준이 아니라텍스트 인풋 값체크박스, 셀렉트 선택 상태진행 단계같은 것들을 두 화면에서 동시에 보고 싶다는 요구였다.여기에 현실적인 제약이 몇 가지 붙었다.네트워크 환경이 항상 좋지 않다브라우저 탭을 여러 개 띄울 수 있다재접속했을 때 상태를 자연스..