Vue.js의 비동기 DOM 업데이트와 이벤트 루프 기반의 $nextTick 분석
Vue.js에서 비동기 렌더링을 채택한 이유
Vue.js는 데이터 변경을 감지하면 DOM 업데이트를 즉시 수행하지 않고 비동기 방식으로 처리합니다. 데이터가 변경될 때마다 Vue는 큐(Queue)를 생성하여 동일한 이벤트 루프(Event Loop) 내에서 발생하는 모든 데이터 변경 사항을 버퍼링합니다. 만약 동일한 Watcher가 여러 번 트리거되더라도 큐에는 단 한 번만 푸시됩니다. 이 ...
8월 19일 14:09에 게시됨
브라우저 유휴 시간 활용하기: requestIdleCallback 심층 분석
브라우저 유휴 시간 활용하기: requestIdleCallback 심층 분석
브라우저가 사용자 입력이나 애니메이션 처리로 바쁠 때, 중요하지만 긴급하지 않은 작업을 어디에 배치할 것인가? requestIdleCallback은 이한 고민에 대한 해답을 제시하는 API로, 메인 스레드가 여유로운 순간에 후순위 작업을 실행할 수 있게 해준다.
핵심 메커니즘
이 API는 브라우저의 이벤트 루프에 ...
6월 24일 03:33에 게시됨