React의 flushSync
React의 flushSyncReact 18에 도입된 react-dom 패키지의 함수로, 상태 업데이트를 강제로 즉시 동기적으로 처리하도록 만드는 역할을한다. 리액트는 불필요한 리렌더링을 줄여 애플리케이션의 성능 최적화를 위해, 기본적으로 상태 업데이트를 비동기적으로 처리하고 여러 업데이트를 하나로 묶어(batching) 한번에 렌더링 하는 핵심적인 메커니즘으로 동작한다.이때 자동 배치가 하나로 묶이는 기준은 아래와 같다.동일한 이벤트 핸들러 내부의 모든 상태 업데이트인 경우상태 업데이트가 아닌경우, 예를들어 API 호출이나 로컬 변수 변경, DOM 조작등은 배칭의 대상이 아니다. 이 경우에는 코드가 위치한 순서대로 실행된다.비동기 이벤트 핸들러 및 프로미스 내부 코드 블록 (React 18+)만약, 한..
React
2025. 9. 26. 20:06