Dooray 프론트엔드 개발자가 React·Vue 같은 UI 프레임워크를 직접 밑바닥부터 만들어 보며 그 내부 동작 원리를 이해하도록 안내한다. 반응형 상태 관리에서 시작해 스케줄러, 스토어, 인크레멘탈 돔, 선언적 템플릿, 렌더러 최적화까지 프레임워크의 뼈대를 차례로 구현한다.
핵심 포인트- **옵저버 패턴**에 프록시를 얹어 Vue·MobX 같은 반응성을 만들고, 렌더러가 참조하는 데이터의 의존성을 자동 추적
- 상태 변경을 옵저버 큐에 모아 마이크로태스크로 예약하고, 이벤트 루프의 태스크 큐·`requestIdleCallback`으로 게으르게 렌더링해 중복 작업을 묶음
- 액션 방식 **스토어**로 언두/리두를 쉽게 구현하고, **제너레이터 액션**과 지연 평가로 조합성·재사용성을 확보하며 CRDT식 문서 실시간 동기화까지 확장
- 정적·동적 노드를 구분하는 **인크레멘탈 돔**, 태그드 템플릿을 토크나이저·파서로 AST화한 뒤 동적 영역만 Part로 관리해 업데이트를 최적화
왜 읽나반응형·스케줄러·템플릿 파싱·렌더러 등 프레임워크 내부를 직접 짜보며 React·Vue가 왜 그렇게 동작하는지 깊이 이해할 수 있다.