React의 Concurrent Mode와 useTransition, useDeferredValue에 대해 설명해주세요.

React의 Concurrent Mode는 React가 사용자 인터랙션을 더 부드럽게 처리하기 위해 도입된 기능입니다. 핵심은 렌더링 작업을 인터럽트하고 우선순위를 부여할 수 있다는 점입니다.

useTransition 훅은 상태 업데이트를 긴급한 업데이트와 비긴급한 업데이트로 나눌 수 있게 해줍니다. 예를 들어, 입력 필드에 글자를 입력하는 것은 긴급한 업데이트로 즉시 반영되어야 하지만, 검색 결과를 보여주는 것은 비긴급한 업데이트로 처리하여 화면이 멈추는 것을 방지할 수 있습니다.

useDeferredValue 훅은 값을 "지연"시켜서 렌더링 성능을 최적화하는 데 사용됩니다. 예를 들어, 복잡한 컴포넌트가 렌더링되는 동안 다른 중요한 업데이트가 먼저 처리되도록 할 수 있습니다.

이러한 기능들을 통해 React는 사용자 경험을 향상시키고, 더 복잡한 애플리케이션을 효율적으로 관리할 수 있게 되었습니다.