1. 오늘의 질문
React의 Suspense와 Concurrent Mode를 사용하여 비동기 작업의 성능을 최적화하는 방법을 설명하고, 두 기능이 사용자 경험에 미치는 영향을 설명하세요.
2. 답변
suspense는 비동기작업이 렌더링될 동안 fallback에 지정한 컴포넌트를 보여줌으로써 사용자에게 비동기 작업이 진행되고 있음을 시각적으로 알려줌으로써 ux에 도움이 됩니다.
Concurrent mode는 렌더링 작업을 여러 청크로 나누고, 필요한 경우 중단할 수 있습니다. 사용자 입력과 같이 더 높은 우선순위의 작업 들어오면 현재 진행 중인 렌더링을 일시 중단합니다. 브라우저의 메인 스레드를 차단하지 않으므로 사용자 경험을 개선시킵니다.
삐약