# event loop

86개의 포스트
post-thumbnail

이벤트 루프에 대하여

JS를 공부하다가 이벤트 루프 때문에 헷갈릴 때가 많았다. 여기저기서 찾은 걸 정리해보았다.

2022년 1월 15일
·
0개의 댓글
post-thumbnail

Event Loop, Call Stack 이 작동하는 법

비동기 적으로 처리되는 단순한 코드도 어떤 과정을 통해 화면에 구현되는지 궁금하다면?

2022년 1월 7일
·
0개의 댓글
post-thumbnail

[JS] 비동기 - Promise와 fetch API, Event Loop

fetch function은 바로 promise를 return한다는 특징을 가지고 있다.Promise : Promise 객체는 동기 작업으로 인한 미래의 성공 또는 실패와 그 결과 값을 나타낸다. 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로

2022년 1월 5일
·
0개의 댓글
post-thumbnail

자바스크립트의 콜백과 비동기 처리

콜백과 비동기 처리의 존재 이유, 그리고 자바스크립트에서의 동작 원리에 대하여

2021년 12월 26일
·
0개의 댓글
post-thumbnail

[Dev] Event Loop, Web API, Task Queue, Call Stack

프로그래밍에 있어서 기본적인 흐름을 파악하기 위해 꼭 알아두어야 할 것들을 정리해 보려고 한다.event loop란 Callback Event Loop에서 하나씩 꺼내서 실행시키는 동작을 말한다. 코드를 실행하면 Stack에 처리해야할 이벤트가 쌓이게 되고 비동기 작업

2021년 12월 12일
·
0개의 댓글
post-thumbnail

TIL | JavaScript (Event Loop, Web API, Task Queue, Call Stack)

call stack : 현재 실행 중인 함수의 정보를 저장하고 있는 메모리 공간web API : 브라우저가 제공하는 API, setTimeout() alert() 등을 담당task queue : 실행이 필요한 작업 아이템을 지니고 있는 큐event loop : call

2021년 12월 12일
·
0개의 댓글
post-thumbnail

TIL#43 JS) 이벤트 루프의 Queue

Event Loop는 브라우저에 존재하는 여러 Queue들에 우선순위를 부여해 어떤 task를 먼저 수행할지 결정한다. 그런데 아래의 그림을 보면 태스크 큐 외에도 다른 큐들이 있다. 그래서 이에 대해서도 정리해보려고 한다.우리가 기존에 알고 있던 Task Queue

2021년 12월 11일
·
0개의 댓글
post-thumbnail

TIL#42 JS) Event Loop

이벤트 루프란 Callback Event Queue 에서 하나씩 꺼내서 동작시키는 Loop 를 말한다.자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다. 가장 유명한 것이 구글의 V8 Engine이다.자바스크립트는 단일 스레드(sing

2021년 12월 11일
·
0개의 댓글
post-thumbnail

자바 스크립트 이벤트 루프(Event Loop) 이해하기

NodeJS를 공부하기 앞서 자바스크립트의 이벤트 루프 개념을 알아야 한다고 해서 정리하고 간다. NodeJS는 이벤트 기반 모델이라고 한다.Event Loop는 이벤트 발생시 호출할 콜백 함수(Callback stack)들을 관리하고, 호출된 콜백 함수의 실행 순서를

2021년 12월 10일
·
0개의 댓글

JS Event Loop, Promise, async vs await

미완성 (세가지로 다시 포스팅)

2021년 12월 9일
·
0개의 댓글
post-thumbnail

자바스크립트 동작원리 (엔진, 런타임, 이벤트 루프)

Javascript는 싱글스레드로 동작하는 언어입니다. 메인 스레드, 하나의 스레드로 구성되어 있기 때문입니다.싱글스레드는 한번에 하나의 작업만 수행할 수 있습니다.다른 작업이 중간에 끼어들 수도 없고, 기존에 수행하던 작업이 끝나야만 그 다음 작업을 수행할 수 있습니

2021년 11월 30일
·
0개의 댓글
post-thumbnail

[CS] fetch(네트워크 요청) Day-27

비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정

2021년 11월 17일
·
0개의 댓글

자바스크립트 엔진과 동작 원리

자바스크립트의 이벤트 루프와 콜스택의 동작원리에 대해 알아보다가 발견한 좋은 블로그 글들이 많아 참고하였고 정리해보기로 했다. 조금 어렵지만 내가 사용하는 자바스크립트의 기본 원리에 대한 내용이라 유용한 것 같다.자바스크립트는 기본적으로 싱글스레드로 한번에 한가지 작업

2021년 11월 16일
·
0개의 댓글
post-thumbnail

비동기 Asynchronous

개념 Blocking: 한 작업이 완료되기 전까지 다른 작업을 진행하지 못하는 개념 동기적 (synchronous): 한 작업의 완료 시점과 다른 작업의 시작 시점이 같은 개념 이런 불편함을 해소하기 위해, 비동기적(asynchronous)으로 작동하는 런타임이 개발되었다. 아래와 같은 작업에 유용하다. 백그라운드 실행, 로딩 창 등의 작업 인터넷에...

2021년 11월 15일
·
0개의 댓글
post-thumbnail

⭐️ JavaScript 엔진 & Event Loop

🔎 많이 어렵다던 event loop.. 필립 로버츠 형 강의를 보고 내 것으로 만들어 보겠다..coming soon..

2021년 11월 8일
·
0개의 댓글

TIL. 47 Javascript 실행 구조

스레드란 프로그램, 특히 프로세스 내에서 실행되는 흐름의 단위이다. Javascript가 싱글 스레드인 이유 싱글 스레드 하나의 프로세스에서 하나의 스레드를 실행한다.(직렬적으로 실행) 멀티 스레드 하나의 프로세스에서 둘 이상의 스레드를 동시 실행한다.(병렬적으로

2021년 10월 18일
·
0개의 댓글

Event Loop

JS 런타임 환경이 비동기작업을 처리하기위해 제공하는 메커니즘 Javascript가 비동기작업을 처리할 수 있도록 도와주는 Event loop에 대해 정리해본다. 사전지식 Thread > Process의 일꾼 Thread는 Process에 종속되는 일꾼이다(= T

2021년 10월 4일
·
0개의 댓글
post-thumbnail

이벤트 루프, 넌 누구냐

아는 사이인줄 알았는데 초면이었던 이벤트 루프 😇

2021년 9월 12일
·
0개의 댓글