# event loop
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 비동기 방식으로 일을 처리하는 것을 말하는...