# event loop
이벤트 루프, 넌 누구냐
최근 requestAnimationFrame(이하 rAF)과 setTimeout을 공부하면서 브라우저의 싱글 스레드 동작이 정확히 어떻게 이루어지는지 잘 모른다는 생각이 들었다.이번 기회에 이벤트 루프의 동작을 공부하고 추가로 rAF와 setTimeout의 차이점까지
DEEP DIVE 한 장 요약 (비동기 프로그래밍)
비동기 프로그래밍 동기 처리와 비동기 처리 자바스크립트 엔진은 기본적으로 함수를 호출하면 ① 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다. 이때 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택(콜 스택이라고도 부름)에 푸시되고 ② 함수 코드가 실행된다.
프론트엔드 개발자 기술면접 질문 정리(2)
이벤트 루프에 대해 설명( 실행 컨텍스트에 대해 설명( 호이스팅에 대해 설명( CORS에 대해 설명, 해결 방법( RESTful API란(이벤트 루프를 한 문장으로 설명하면 다음과 같다."The event loop job is to look at the stack a
.png?w=768)
Javascript 작동원리 - Event Loop
🧐 공부하다 보니 내용이 너무 깊어져 제가 이해한만큼 정리하고 추후에 조금씩 더 공부해 보겠습니다.
이벤트 루프
자바스크립트는 싱글 스레드 기반 프로그래밍 언어입니다.싱글 스레드란 한 번에 하나의 작업만 할 수 있음을 의미합니다.따라서 하나의 작업이 오래 걸리면 다음 작업이 Blocking되어 suspend time이 늘어나게 됩니다.이를 해결하기 위해 자바스크립트는 이벤트 루프
W3 - 이론정리 | Event Loop
자바스크립트는 이벤트 루프를 사용해서 동시성(concurrency)을 지원한다고 한다. 그런데 잠깐! 자바스크립트는 싱글 스레드 아닌가? 맞다. 자바스크립트가 작업 중단되지 않고 동시에 다양한 작업을 할 수 있도록 지원하는 건 브라우저다.
[JS] 이벤트 루프 (Event Loop)
이벤트 루프에 들어가기 앞서, 기본 개념들을 알아야한다.자바스크립트는 싱글 스레드 언어이다. 우리는 먼저 프로세스와 스레드에 대해 알아야한다. 만약 내가 워드 작업을 하고 있다면, 프로세스와 스레드는 각각 아래와 같은 것을 의미한다.프로세스(process): 워드라는
Event loop 와 Task queue 동작 이해하기
JS의 실행 환경 - Node.js / BrowserNode.js 는 libuv 로 이벤트 루프 기반 비동기 I/O 를 처리한다. (단일 스레드 기반의 이벤트 루프)Browser 도 마찬가지로, 이벤트 루프 기반 비동기 I/O 를 처리한다. (뭐 쓰는지는 안찾아봄)No
[JavaScript Deep Dive] setTimeout()
일정 시간 후에 특정 코드, 함수를 의도적으로 지연한 뒤 실행하고 싶을 때 사용하는 함수자바스크립트 함수 중에서도 자주 사용되는 함수setTimeout(function(){},delay)호출될 콜백 함수와 지연 시간을 보통 인자로 설정하여 사용setTimeout()은
[JavaScript Deep Dive] process.nextTick()
자체적인 microtask queue를 가지고 있음각 단계에서 일반 task queue에 있는 callback보다 우선 실행됨항상 우선적으로 처리됨사용자가 이벤트 루프를 계속하기 전에 오류를 처리하고 불필요한 자원을 정리하고 요청을 다시 시도할 수 있게 하기 위해호출
[JavaScript Deep Dive] EventEmitter
애플리케이션 내에서 발생한 응답 가능한 사건이벤트를 발생시키는 모든 객체는 EventEmitter 클래스의 인스턴스new Emitter()this.events 객체를 초기화한다이벤트 추가emitter에 이벤트를 연결할 객체, event에 이벤트 이름, listener에
[JavaScript Deep Dive] 프로미스
JavaScript가 차지하는 범위가 늘어나고 이로인해 복잡도가 늘어남에 따라 콜백의 중첩이 발생하는 등의 문제들을 해결하기 위해복잡한 구조의 비동기 처리 프로세스를 간결하고 정돈되게 만들어 주는 역할비동기 작업의 순차 처리, 병렬 처리 등을 처리하는데 보다 수월하고
[JavaScript Deep Dive] 이벤트 루프
👉 Callback Queue에 할당된 순서에 맞춰 Call Stack에 할당해주는 루프.콜백 함수의 여러 문제점과 한계를 극복하기 위해 JavaScript는 Event Loop을 추가하였다.멀티 스레드 환경과 동일하게 처리할 수 있는 환경 기반을 관리한다.콜 스택과
[JavaScript Deep Dive] 자바스크립트 엔진과 이벤트 루프
이벤트 루프를 알기 위해서는 먼저 자바스크립트 엔진에 대해 알아야 한다. 알아보자!😏자바스크립트 언어는 자바스크립트 엔진이라는 녀석을 통해 실행된다!V8, SpiderMonkey, Webkit...웹 브라우저 내부 또는 Node.js 안에 구성되어 있다.자바스크립트
비동기 함수는 어떻게 동작될까? 콜백 함수, 비동기와 동기 그리고 이벤트 루프
콜백 함수(Callback function) 함수(caller)의 인자(argument)로 전달되는 함수 함수를 인자로 받는 함수는 고차함수고, 그 인자인 함수가 콜백함수가 된다. 파라미터를 넘겨받는 함수는 콜백 함수를 필요에 따라 즉시 실행(synchronously)