[React] 동기 처리와 비동기 처리

동기 처리란?

순차적으로 작업을 실행하는 방식이다. A와 B가 있다고 가정을 하자. A라는 작업이 끝나야만 B라는 작업을 할 수가 있다.

 

반대로 비동기 처리란?

위 상황과 같이 A와 B가 있다고 가정을 했을 때, A와 B 작업을 같이 시작한다.

 

동기 처리와 비동기 처리의 최적의 상황은 어떻게 될까?

상황	동기 처리	비동기 처리
간단한 작업	적합	불필요
작업 간의 의존성	적합	작업 간의 의존성이 없다면 병렬 처리가 적합
시간이 오래 걸리는 작업	시간이 오래 걸리는 작업이라면 성능 저하 발생	적합
UI 반응성 유지	부적합	적합
병렬 작업	부적합	적합
복잡한 작업 흐름	적합	부적합

 

일반적으로는 React에서 비동기 처리 작업을 많이 한다고 한다. 왜 일까?

개인적인 생각으로는 리액트는 컴포넌트에 데이터 바로바로 바껴야하는데 동기 처리를 한다면, 데이터가 바로 바뀌지 않고 새로고침이나 다른 작업을 해야 바뀔 수도 있다는 생각한다.