# event loop

36개의 포스트
post-thumbnail

Event Loop

javascript는 싱글스레드이지만 동시성을 갖는다 ?👉 javascript는 싱글스레드이지만, event loop를 이용하여 비동기 방식으로 동시성을 갖는다.Memory Heap : 메모리 할당 담당Call Stack : 코드가 호출되어, 스택으로 밑에서부터 쌓

5일 전
·
1개의 댓글
post-thumbnail

<JavaScript> Event Loop

초보에게 Event Loop는 무엇이다 라고 딱 말할 수 있는 사람이 있다면 대단한 내공의 사람이라고 생각합니다. 그만큼 Event Loop의 역할을 설명하기 위해서 전제되어야 하는 것이 많기 때문입니다. Event Loop가 무엇인지 설명하기 위한 과정에 소제목이 있

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

Asynchronous JavaScript

1\. Web APIs2\. Async/Await3\. Callbacks4\. Microtask Queue (Job Queue)5\. Task Queue (Callback Queue)6\. Promises7\. Event loopA promise is an object

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

Event loop

이벤트루프 : 콜 스택, 힙, 태스크 큐, 마이크 태스크 큐

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

자바스크립트 이벤트

브라우저는 단일 쓰레드(single-thread)에서 이벤트 드리븐(event-driven) 방식으로 동작한다.단일 쓰레드는 쓰레드가 하나뿐이라는 의미이며 이말은 곧 하나의 작업(task)만을 처리할 수 있다는 것을 의미한다. 하지만 실제로 동작하는 웹 애플리케이션은

2021년 3월 23일
·
0개의 댓글

210315 개발일지(98일차) - Javscript의 이벤트 루프 개념 이해하기

'호출 스택'에 실행되야 할 함수를 쌓는다.이 중 '백그라운드'로 이동하기로 한 동작들은, 이동해서 멀티스레드마냥 작동된다.남아있는 작업을 '태스크 큐'로 이동한다.호출 스택이 비어있으면, '태스크 큐'에서 '호출 스택'으로 이동한다.아래 그림과 예시코드를 보면 도움이

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

브라우저에서 이벤트 루프와 V8 엔진의 관계

브라우저의 동작 원리를 공부하다가, 이벤트 루프와 v8 엔진의 관계에 대해 명확히 정리하기 위해 작성되었습니다.

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

[JS]자바스크립트의 동시성

자바스크립트는 싱글 스레드 기반 언어이다. 이는 하나의 호출스택(call stack)을 가진 한번에 한가지 일만 수행할 수 있다는 것을 의미한다. 그러나 자바스크립트에선 setTimeout, 이벤트 callback 함수 등은 비동기적으로 수행된다. 호출스택이 하나인 자

2021년 3월 8일
·
1개의 댓글

(JS) 자바스크립트 작동 원리 (Event Loop / Call Stack / WEb API / Callback Queue)

자바스크립트는 싱글 스레드로 구동된다. 하지만 보다 자세하게 들여다보면, 이벤트 루프의 감시 하에 유기적으로 작동된다.

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

JavaScript의 Event Loop

C, Java 그리고 Python과 같은 동기적 언어는 별도의 스레드나 프로세스를 사용하지 않는 이상 먼저 작성된 순서대로(동기적으로) 코드가 실행된다. 나중에 작성된 코드가 먼저 작성된 코드보다 먼저 실행될 일은 없다는 것이다.하지만 JavaScript는 비동기적 언

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

체크 포인트 [Common JS & Event Loop]

exports 객체의 프로퍼티로 x를 설정해주었고 그 값으로 30을 넣어주었다. subject.js 파일에서 불러온 뒤 mod라는 변수에 설정해주었다. 이제 mod는 exports 객체와 똑같다. 따라서 mod.x는 exports.x인 30이라고 할 수 있다. expo

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

Event Loop

JavaScript Process (Sync?) 자바스크립트의 큰 특징 중 하나는 '단일 스레드' 기반의 언어라는 점이다. 스레드가 하나라는 말은 곧, 동시에 하나의 작업만을 처리할 수 있다라는 말이다. 하지만 실제로 자바스크립트가 사용되는 환경을 생각해보면 많은 작업

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

TIL35 l 자바스크립트의 작동 원리(Event Loop, Call Stack, Callback Queue, Microtask Queue, RAF Queue)

1.자바스크립트 엔진 >자바스크립트 엔진의 대표적인 예로는 구글의 V8 엔진이 있고, 이는 Chrome 및 Node.js 내부에서 사용됩니다. 다음은 엔진이 어떻게 생겼는지 매우 간략하게 표현한 것입니다. ( 실제로는 훨씬 더 복잡함 ) 자바스크립트 엔진은 그림과

2021년 1월 31일
·
0개의 댓글

콜백함수 안의 코드 순서

위와 같은 코드가 있다고 가정하자.버튼이 클릭됐을때 웹 APIs에서 이벤트가 발생하면 이 콜백을 Task Queue에 넣어준다.콜백 안에서 작성한 코드는 어떤 순서로 작성하던 상관이 없다. 왜냐하면 이 콜백이 Call stack에 들어가는 순간 이벤트 루프는 이것이 다

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

[Javascript는 어떻게 돌아갈까? 2편] Event Loop란?

이전 시간에는 브라우저환경 중 Javascript Engine의 Execution Context에 대해 알아봤습니다.이번 시간에는 Event Loop, Event Queue에 대해 알아보겠습니다.

2021년 1월 22일
·
0개의 댓글

[JavaScript] Runtime - Single Thread?

JavaScript는 정말 single thread일까? 어떻게 멀티태스킹이 가능한 것일까?

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

[JS] 자바스크립트 동작 원리(콜 스택, 콜백 큐, 이벤트 루프)

자바스크립트는 단일 스레드 기반 자바스크립트는 단일 스레드, 동시에 하나의 작업만을 처리할 수 있다고 한다. 그러나 여러 작업이 동시에 처리되는 것 같은데 어떻게 동시성을 지원하는 걸까? 자바스크립트 엔진 V8의 구조는 위와 같다. Memory Heap:

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

TIL - 2020.12.11

오늘은 조금 일찍(그래도 12시가 넘어서) TIL을 작성한다!드림코딩 유튜브 시청, JSconf 유튜브 시청을 하며 가볍게 공부한 날이다!

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

이벤트 루프

'어떻게 자바스크립트는 싱글스레드이면서 비동기인걸까?'에 대한 짧은 답은 자바스크립트 언어는 싱글스레드이고 비동기 행위들은 엄밀히 말하면 자바스크립트 언어 그 자체의 일부는 아니다.오히려 비동기 행위는 브라우저 내부(혹은 프로그래밍 환경)에 존재하는 자바스크립트 언어의

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