메인 스레드 스케줄링

스케줄링이란? * 메인 스레드는 자바스크립트 실행 이외 렌더링, 네트워트 응답, GC 등 다양한 역할을 수행함 * 메인 스레드에 많은 작업들이 예약되면 웹 사이트의 성능과 사용성 경험이 저하됨 * 스케줄링을 통해 우선순위가 다른 작업을 효율적으로 등록하고 제어해야 함 어떻게? 우선적으로 Event Loop에 대한 이해가 필요함. 그리고 상황에 맞게 아래 API 활용 1️⃣프레임워크 사용 중 일 때 React의 startTransition, Vue의 nextTick 등 2️⃣1번으로만 대응 안되고, 모든 브라우저 지원 필요할 때 requestAnimationFrame(), requestIdleCallback(), postMessage(), setTimeout() 3️⃣크로미움 기반 브라우저만 대응할 때 scheduler.postTask()