JavaScript 가 싱글 스레드를 선택한 이유

JavaScript는 웹 페이지의 동적 기능을 추가하기 위해 만들어진 언어이고 동적 요소를 쉽게 제어하기 위한 목적이기 때문에 복잡한 구조가 필요하지 않았다.

또한 웹에서 사용자와 실시간으로 상호작용 해야했기 때문에 멀티 스레드를 사용할 경우 동기화 문제나 경쟁 상태가 발생할 수 있어 싱글 스레드를 선택해 코드를 동기적으로 실행할 수 있도록 했다..

싱글 스레드임에도 병렬적으로 일을 처리하는 방법

이러한 이유로 자바스크립트는 동시에 여러 작업을 메인 스레드에서 처리할 수 없기 때문에 비동기 처리를 통해 이를 병렬적으로 처리할 수 있도록 한다.

이러한 비동기 처리는 이벤트 루프를 통해 진행된다.

코드를 실행하는 콜 스택을 감시하다가 비동기 작업을 만나면 Node.js 환경에서는 libuv 라이브러리,
브라우저 환경에서는 web API에 요청해 비동기 처리를 진행한다.

비동기 처리가 끝나면 콜백 함수를 태스크 큐로 넘겨 대기시키고 콜 스택의 로직을 다 처리하면
콜백 함수를 콜 스택으로 가져와 처리하게 된다.

JavaScript 이렇게 비동기 동작을 지원해 메인 스레드를 최대한 블로킹없이 효율적으로 처리힌다.

💡 Node.js 환경, 브라우저 환경

Node.js 브라우저
비동기 작업 처리 libuv 웹 API
DOM 접근 없음 있음
타이머 관리 libuv가 관리 웹 API가 관리
이벤트 루프 Node.js의 이벤트 루프 브라우저의 이벤트 루프
주 사용 목적 서버 사이드 작업
(파일 시스템, 데이터베이스 등) 클라이언트 측 UI 및 DOM 조작