# event loop
[JavaScript] Runtime - Single Thread?
JavaScript는 정말 single thread일까? 어떻게 멀티태스킹이 가능한 것일까?
[JS] 자바스크립트 동작 원리(콜 스택, 콜백 큐, 이벤트 루프)
자바스크립트는 단일 스레드 기반 자바스크립트는 단일 스레드, 동시에 하나의 작업만을 처리할 수 있다고 한다. 그러나 여러 작업이 동시에 처리되는 것 같은데 어떻게 동시성을 지원하는 걸까? 자바스크립트 엔진 V8의 구조는 위와 같다. Memory Heap:
TIL - 2020.12.11
오늘은 조금 일찍(그래도 12시가 넘어서) TIL을 작성한다!드림코딩 유튜브 시청, JSconf 유튜브 시청을 하며 가볍게 공부한 날이다!
이벤트 루프
'어떻게 자바스크립트는 싱글스레드이면서 비동기인걸까?'에 대한 짧은 답은 자바스크립트 언어는 싱글스레드이고 비동기 행위들은 엄밀히 말하면 자바스크립트 언어 그 자체의 일부는 아니다.오히려 비동기 행위는 브라우저 내부(혹은 프로그래밍 환경)에 존재하는 자바스크립트 언어의
TIL17: Asynchronous JavaScript
자료 출처: Javascript and Asynchronous Magic — Explaining the JS Engine and Event Loop
Event Loop와 비동기(Callback, Promise, Async & Await)
가져온 곳자바스크립트는 싱글 스레드(single-thread) 프로그래밍 언어다. 즉, 작동시 하나의 콜 스택만을 가지고 있다는 얘기다.브라우저가 제공하는 비동기함수(setTimeout, setInterval, ...)는 Web APIs에 이동하게 되고 작동을 시작한다
이벤트 루프
call stack \~~ event loop \~~ (web Api(setTimeout, Promise, requestAnimationFrame)) \~~ Task/ MicroTask / animationFrameschrome 기준 규칙(브라우저마다 상이함) http
Event Loop
자바스크립트는 팔이 하나인 로보트 이 친구는 싱글스레드 방식으로 일을 처리한다.(싱글스레드=== Call Stack 1개 === 한 번에 하나씩만 처리가능) 마치 팔이 하나 있는 로보트같기에 비동기 방식으로 일을 처리한다. 즉, 오래 걸리는 일은 붙잡고 끝날때까지
[TIL] 2020/08/31
Today, I Learned Javascript Runtime에 대해서 ( 참고 사이트 ) Javascript Engine : Javascript 런타임의 구성요소 중에 하나로 자바스크립트 엔진이 있는데(구글의 v8같은), 이러한 자바스크립트 엔진은 또
[TIL] 2020/08/22
Today, I Learned 먼저, 오늘은 웹 브라우저에서 자바스크립트 엔진이(크롬의 경우 V8) 어떤 식으로 구성되어있고, 어떻게 실행되는지를 공부했다.먼저, 자바스크립트 엔진의 구성요소는 memory heap과 call stack이고, 이 call stack
Asynchronous(비동기)
오늘은 '비동기'에 대해 공부한 내용을 정리해보고자한다. 초심자에게 모든 자바스크립트 용어가 그렇듯이 나에게도 비동기(Asynchronous), 동기(synchronous)... 뭔 🐶소리인지 용어부터 너무 이해하기 힘들었다. 우선 비동기 참고 Captain
예제로 이해하는 JobQueue와 Event Loop
이 글은 아래에 있는 출처의 글과 영상을 간단하게 정리한 것입니다.다음 예제들을 살펴보도록 하겠습니다.개별적으로 실행되는 스크립트 블럭을 하나의 잡(Job)이라고 하고 이러한 잡들(Jobs)를 적재하는 FIFO큐가 바로 잡큐(JobQueue)입니다.Job에는 두가지 종
유저의 입력에 반응하기 로딩 화면과 결과 없음 : Event loop, Class
프로그래머스 2020 Dev-Matching : 웹 프론트엔드 과제 복기 https://github.com/woohyeonjo/ilovecat
[Javascript] 이벤트 루프와 비동기
자바스크립트에서 비동기 프로그래밍이 필요한 이유 만약 자바스크립트가 동기적으로 작동된다면 어떻게 될까? 예를 들어 서버에서 사용자의 정보를 받아오는 함수가 있다고하자, 그럼 브라우저는 서버에서 정보를 받아올때까지 다른 함수를 실행할 수 없다. 이때 프로그램은 정보를 다받아올때까지 아무것도 하지 못하는 상태가 된다. 이렇게 된다면 사용자 경험은 최악이 될것이...
Event Loop??? 그게 뭔데??
Video Label EventLoop 를 알아보기 전에, JS 는 어떻게 이루어져 있는가? Call Stack: 프레임들의 스택. Task queue: 처리할 메시지의 대기열. (비동기로 호출되는 함수들(콜백 함수)이 이곳에 쌓인다.) Heap Memory: 구조화 되지 않은 메모리 공간. 즉, 모든 콜 스택들이 빠지고 나서야, Task Qu...
Event Loop (이벤트 루프)
이번 글은 Event Loop (이벤트 루프) 에 대해 정리해보려고 한다. Event Loop? Event Loop 출처 How JavaScript works: an overview of the engine, the runtime, and the call stack Event Loop는 MDN 문서로 검색하면 "큐의 다음 메시지를 처리합니다" 라고 ...
Event Loop
자바스크립트는 single-threaded 언어이다. single-threaded란 호출한 함수들이 쌓이는 call stack이 하나인 것을 의미한다. 즉, call stack이 하나인 자바스크립트는 한 번에 한 가지만 수행할 수 있는 언어이다. 모든 Javascript Engine(대표적으로 v8)은 Memory Heap과 Call Stack으로 이루어...
TIL 6월 12일 - callback, asynchronous call, event loop, event, ajax
callback 다른 코드의 인수로서 넘겨주는 실행가능한 코드를 말한다고 한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할수도 있고, 나중에 실행할 수도 있다. 보통 callback함수라고 해서 다른 함수에 인자로 넘겨주는 함수를 지칭하는 경우가 많은 것 같다. asynchronous call 비동기 방식으로 일을 처리하는 것을 말하는...