Building a 0.7KB Reactivity System Similar to Vue

TOAST UI Grid 팀은 Backbone과 jQuery로 작성된 기존 코드베이스를 처음부터 재작성하여 버전 4를 출시하는 대규모 업데이트를 진행 중입니다. 이 글은 이벤트 기반 상태 관리 시스템과 Vue, MobX와 같은 반응성 시스템의 차이점을 설명하고, 자체적으로 반응성 시스템을 구축한 이유와 실제 소스 코드를 통해 이를 완전히 구현하기 위해 고려해야 할 사항들을 다룹니다.

특히, "반응성"이라는 용어가 다양한 프로그래밍 분야에서 사용되지만, 이 글에서는 Vue와 MobX와 같이 객체의 상태 변화를 자동으로 감지하여 다른 객체의 상태를 수정하거나 관련 뷰를 자동으로 새로고침하는 시스템을 의미한다고 정의합니다. 이를 통해 불필요한 의존성을 줄이고 더 가볍고 빠른 그리드를 만드는 것을 목표로 합니다.