# event loop
프론트엔드에서의 비동기 처리
블로킹, 논블로킹, 동기, 비동기, 자바스크립트 런타임, 콜백, 프로미스, async/await 을 하나의 서사로 묶어서 이해하며 비동기 문법이 발전하게 되는 과정을 같이 알아봅시다.
브라우저의 비동기 함수 작동 원리
: JavaScript 코드를 해석하고 실행하는 인터프리터Safari의 Webkit, Chrome의 V8 등...JavaScript 엔진은 Memory Heap과 Call Stack으로 이루어져 있다.: 메모리 할당이 일어나는 곳으로 변수, 객체 등이 저장되는 곳: 코
[JavaScript] 이벤트 루프
안녕하세요. 정지현 입니다 :) 오늘은 간단하게 이벤트 루프에 대해 이해한 것들을 정리해볼게요. 서론 (배경지식) ✅ 자바스크립트의 특징 > 자바스크립트는 싱글 쓰레드 기반이며 논 블로킹 방식의 비동기적인 동시성 언어이다. 싱글 스레드 언어는 동시에 하나의 작업
JavaScript - 동기, 비동기, 이벤트루프, Web APIs
TODO Project 진행 중 init시점에 저장되어 있는 데이터를 화면에 그려주기 위해 API호출을 하였고, 그 과정에서 데이터를 가져오는 로직이 비동기(async/await) 로 처리되다 보니 일반적인 런타임에서는 데이터를 가져오지 못하는 현상이 발생하였습니다.
[JavaScript] 이벤트 루프는 무엇일까?
자바스크립트는 싱글스레드이므로 콜스택을 하나만 가지고 있고, 한 번에 하나씩 작업을 처리할 수 있다.하지만 자바스크립트가 사용되는 환경을 보면, 많은 작업들이 동시에 처리되는 것처럼 보인다.이는 이벤트 루프를 이용하여 비동기 방식으로 동시성을 지원하기 때문이다.
[node.js] 똑똑,, node 백그라운드는 어떤 일을 하고 있나요
자바스크립트는 싱글 스레드만 사용한다. 하나의 스레드로 여러 요청을 어떻게 다룰 수 있을까?
자바스크립트 동작 원리: Event loop와 Job Queue
V8 엔진은 NodeJS 외에도 chrome과 같은 웹 브라우저에서 사용되는 자바스크립트 엔진이다. V8 엔진을 간단하게 시각화해서 나타내면 다음과 같다.
이벤트 루프
DOM Element의 이벤트 핸들러마우스, 키보드 입력타이머타이머 API (4가지)애니매이션 API (requestAnimationFrame)서버에 자원 요청 및 응답fetch APIAJAX (XHR)자바스크립트는 v8엔진을 기반으로 작동한다. v8엔진은 call s
자바스크립트 이벤트루프
싱글 스레드 언어: 자바스크립트는 싱글 스레드 언어이다. 콜 스택을 하나만 사용한다. 동시에 하나의 일만 처리할 수 있다는 의미이다.함수의 동기적 처리: 함수가 순차적으로 실행된다. 먼저 실행된 함수가 실행을 마치면 다음 함수가 실행된다.함수의 비동기적 처리: 함수가
[JS] Event Loop가 누구냐?
우선 이벤트 루프를 이해하기 위해서는 프로세스, 스레드, 스택, 큐를 알고 있어야 한다. 간단하게 각각이 JS 동작 원리에서 어떠한 역할을 하는지 적어보자 프로세스는 JS 환경에서 실행되는 프로그램으로 우리가 작성한 코드라고 생각하면 된다. 스레드는 프로세스 내부에서
Event Loop
Callback Event Queue에서 하나씩 꺼내서 동작시키는 Loop를 말한다.자바스크립트는 싱글 스레드 기반 언어이기 때문에, 한번에 하나씩 작업을 진행한다.그러나 자바스크립트가 사용되는 환경을 생각해보면, 많은 작업이 동시에 처리되고 있는 것을 알 수 있다.예
Dart - isolate & Event Loop
Dart는 싱글 스레드 언어입니다. 때문에 비동기 코드를 작성하는 것은 매우 중요하죠.(싱글 스레드이기 때문만은 아니지만ㅎ)💡 isolate란?Dart의 싱글 쓰레드를 지칭하는 말. 독립적인 메모리 공간(스택), 이벤트 루프를 가지고 있다!기존 멀티 쓰레딩 지원 언어
Event Loop
Event Loop는 MDN 문서로 검색하면 "큐의 다음 메시지를 처리합니다" 라고 나온다...? 무슨소린지 이해가 잘 가지 않는다.. 자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다.(그림 왼쪽!)가장 유명한 것이 구글의 V8 En
