동기적 방법
DOM 위에서부터 아래로, 앞의 명령이 먼저 실행되고 그게 끝나면 뒤에 있는 명령이 순차적으로 실행된다.
중간에 실행하는 데 엄청 오래 걸리는 코드가 있으면.. 그 뒤의 모든 코드의 실행이 지연된다.
비동기적 실행 방식
프로그램을 병렬적으로 실행한다.
비동기적인 명령들이 동시에 자신의 시간표에 따라서 실행된다.
비교
- Syncronous는 어떻게 실행될까?라는 걸 파악하기 쉽다.
- Asynchronous는 복잡하지만 빠르게 모든 코드를 실행할 수 있다.
- 어떤 명령이 언제 끝날지 예측하기 어려울 때, 그리고 주요한 작업이 아닐 때 비동기적 실행 방식을 선택한다. 대표적으로는 서버랑 통신하는 작업을 주로 비동기적으로 실행한다.
'WEB > React' 카테고리의 다른 글
[React] useNavigate, useLocation, useParams 훅 사용 방법 (0) | 2024.05.22 |
---|---|
React - useState과 useEffect (0) | 2024.05.15 |
[React] 함수형 컴포넌트와 클래스형 컴포넌트, useEffect는 어떨 때 쓸까? (0) | 2024.05.15 |
[React Router - 생활코딩] 中 동적 라우팅 하는 방법 (0) | 2024.05.12 |
[React] styled-components 상속 (0) | 2024.05.06 |