📆 날짜

2023/12/20(수)

📚 챕터

이벤트 루프와 비동기 통신의 이해

---

👨🏻‍💻학습 내용

🎯이벤트 루프와 비동기 통신

자바스크립트는 기본적으로 한번에 하나의 작업만 동기 방식으로만 처리 할 수 있다.
동기(synchronous)는 직렬 방식으로 작업을 처리하는 것을 의미한다.
동기 요청이 시작된 이후에는 무조건 응답을 받은 이후에 다른 작업을 처리할 수 있다.
그동안 다른 모든 작업은 대기한다.
이러한 방식은 개발자에게 매우 직관적으로 다가오지만
한번에 다양한 많은 작업을 처리할 수 없다.
반대의 의미인 비동기(asynchronous)란 동기와 반대로 직렬 방식이 아니라 병렬 방식으로 작업을 처리하는 것을 의미한다.
요청을 시작한 후 이 응답이 오건 말건 상관없이 다음 작업이 이루어지며,따라서
한번에 여러 작업이 실행될 수 있다.
자바스크립트는 분명히 싱글 스레드에서 동기 방식으로 작동한다.
그러나 이러한 싱글 스레드 기반의 자바스크립트에서도 많은 양의 비동기 작업이 이루어지고 있다.

모던 웹 에플리케이션에서는 사용자에게 많은 양의 정보를 다양한 방식으로 제공하기 위해서 많은 것이 비동기로 작동한다고한다.

예를 들어 사용자가 검색어를 입력해 검색을 위한 네트워크 요청이 발생하는 순간에도 사용자는 다른 작업을 처리할 수있다.
이는 동기식의 자바스크립트 방식에서는 불가능한 시나리오다.
리액트 또한 16버전에 접어들면서 비동기식으로 작동하는 방법도 소개됐다.
비동기 코드의 작동 방식에 대해 이해한다면

📌자바스크립트에서 어떻게 여러 가지 요청을 동시에 처리하고 있는지,
이러한 요청받은 태스크에 대한 우선순위는 무엇인지,
주의해야할 점은 무엇인지,

파악하여 사용자에게 더욱 매끄러운 웹 애플리케이션 서비스를 제공할 수 있을것이다.

➡️ 다음 글에서는 싱글 스레드에 대해 살펴보자.