# task queue
[elice] 비동기 프로그래밍
동기 처리 방식 은 실행 순서를 보장하지만, 블로킹으로 인한 단점이 존재한다.비동기 처리 방식 은 현재 실행 중인 태스크가 종료 되지 않아도 다음 태스크를 바로 실행하는 방식이다. 블로킹이 발생하지 않지만 태스크의 실행 순서가 보장되지 않는다.비동기 함수는 전통적으로
이벤트 루프 : 부제::자바스크립트로 먹고살거면 꼭 이해해라.
출처: Node.js 교과서\_제로초 1장 이벤트 루프 여러 이벤트가 동시에 발생했을 때 어떤 순서로 콜백 함수를 호출할지를 이벤트 루프가 판단합니다. 자바스크립트로 먹고살거면 꼭 이해해라. 정의 : 이벤트 발생 시 호출할 콜백함수들을 관리 호출된 콜백함수의 실행순서
JavaScript 공부하기_Process(프로세스) & Thread(쓰레드), Event Loop, Task Queue & Micro Task Queue & Render
Process, Thread, eventLoop, Render, Micro Task Queue, Task Queue
Web | 이벤트루프 & 태스크 큐
자바스크립트는 싱글 스레드 기반의 언어 이고, 자바스크립트 엔진은 하나의 호출 스택만을 사용한다.이는 요청이 동기적으로 처리되어 한 번에 한 가지 일만 처리할 수 있음 을 의미한다.만약 네트워크 요청과 같은 비동기 함수가 동기적으로 이루어지는 함수로 만들어졌다면 네트워
Callback queue
Callback Queue 자세히 알아보기. 먼저, Callback Queue는 자바스크립트 엔진의 동작원리에서 찾아볼 수 있는 개념이다. 이벤트 루프가 Callback Queue에 대기하고 있는 비동기로 처리할 것들을(setTimeout, Promise 등) Call
[JS] Event loop
자바스크립트 엔진은 크게 Memory Heap 과 Call Stack으로 나눌 수 있다.변수를 선언하여 오브젝트, 문자열, 숫자등을 할당하게 되면 데이터들은 전부 메모리 힙에 저장된다. 메모리 힙은 구조적으로 정돈된 자료구조가 아니기 때문에 자료들이 여기저기 흩어져 저
프론트엔드에서의 비동기 처리
블로킹, 논블로킹, 동기, 비동기, 자바스크립트 런타임, 콜백, 프로미스, async/await 을 하나의 서사로 묶어서 이해하며 비동기 문법이 발전하게 되는 과정을 같이 알아봅시다.
TIL | JavaScript (Event Loop, Web API, Task Queue, Call Stack)
call stack : 현재 실행 중인 함수의 정보를 저장하고 있는 메모리 공간web API : 브라우저가 제공하는 API, setTimeout() alert() 등을 담당task queue : 실행이 필요한 작업 아이템을 지니고 있는 큐event loop : call
TIL#43 JS) 이벤트 루프의 Queue
Event Loop는 브라우저에 존재하는 여러 Queue들에 우선순위를 부여해 어떤 task를 먼저 수행할지 결정한다. 그런데 아래의 그림을 보면 태스크 큐 외에도 다른 큐들이 있다. 그래서 이에 대해서도 정리해보려고 한다.우리가 기존에 알고 있던 Task Queue
TIL#42 JS) Event Loop
이벤트 루프란 Callback Event Queue 에서 하나씩 꺼내서 동작시키는 Loop 를 말한다.자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다. 가장 유명한 것이 구글의 V8 Engine이다.자바스크립트는 단일 스레드(sing
DEEP DIVE 한 장 요약 (비동기 프로그래밍)
비동기 프로그래밍 동기 처리와 비동기 처리 자바스크립트 엔진은 기본적으로 함수를 호출하면 ① 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다. 이때 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택(콜 스택이라고도 부름)에 푸시되고 ② 함수 코드가 실행된다.
[JS] 이벤트 루프 (Event Loop)
이벤트 루프에 들어가기 앞서, 기본 개념들을 알아야한다.자바스크립트는 싱글 스레드 언어이다. 우리는 먼저 프로세스와 스레드에 대해 알아야한다. 만약 내가 워드 작업을 하고 있다면, 프로세스와 스레드는 각각 아래와 같은 것을 의미한다.프로세스(process): 워드라는
Event loop 와 Task queue 동작 이해하기
JS의 실행 환경 - Node.js / BrowserNode.js 는 libuv 로 이벤트 루프 기반 비동기 I/O 를 처리한다. (단일 스레드 기반의 이벤트 루프)Browser 도 마찬가지로, 이벤트 루프 기반 비동기 I/O 를 처리한다. (뭐 쓰는지는 안찾아봄)No
비동기 프로그래밍
비동기 프로그래밍 오늘은 비동기 프로그래밍에 대해 알아보겠습니다. 어느 평화로운날 진구와 도라에몽은 집안일을 반반 나누어서 진행하기로 했습니다. 진구는 식기들 세척하기 -> 서랍장에 넣기 이불, 베개 꺼내서 털기 빨래 세탁기에 돌리기 -> 빨래 널기 도라에몽은 바닥
[JavaScript] 자바스크립트의 주요개념
프로세스(process),코드(code) 영역,데이터(data) 영역,스택(stack) 영역,힙(heap) 영역,스레드(thread),싱글스레드(Single-threaded),콜스택(Call stack),Web API(=Brower API),테스크 큐(task Queu
<JavaScript> Event Loop
초보에게 Event Loop는 무엇이다 라고 딱 말할 수 있는 사람이 있다면 대단한 내공의 사람이라고 생각합니다. 그만큼 Event Loop의 역할을 설명하기 위해서 전제되어야 하는 것이 많기 때문입니다. Event Loop가 무엇인지 설명하기 위한 과정에 소제목이 있
Callback queue, task queue, event loop 헷갈리는 개념 정리
브라우저의 task queue에 대한 오해를 정리하였습니다.
콜백함수 안의 코드 순서
위와 같은 코드가 있다고 가정하자.버튼이 클릭됐을때 웹 APIs에서 이벤트가 발생하면 이 콜백을 Task Queue에 넣어준다.콜백 안에서 작성한 코드는 어떤 순서로 작성하던 상관이 없다. 왜냐하면 이 콜백이 Call stack에 들어가는 순간 이벤트 루프는 이것이 다