# EventLoop
JS의 이벤트 루프
이번에 JS의 이벤트 루프라는 주제로 테크톡(발표)를 했었다. 해당 내용을 간략하게 요약해 보겠다.memory heap - 메모리 할당이 일어남Heap - 구조화되지 않은 넓은 메모리 영역 \- Memory heap에서 객체가 담김( 변수, 함수 )Call Stack
Browser Runtime Environment Deep Dive - 1
자바스크립트 런타임의 비동기 처리 방식을 깊이 이해하고 프로덕션 레벨에서 이를 제어하기 위한 기반 지식을 쌓기 위해 콜스택, WebAPIs, MicroTaskQueue, MacroTaskQueue(Callback Queue)간 상관관계를 깊이 살펴본다.
DOM 이해하기
내가 만든 HTML 파일이 브라우저가 있을 때 DOM Tree로 변환되어브라우저 웹페이지상에서 나에게 보이게 되고 자바스크립트로 DOM Tree의각 요소(예, HTMLDivElement)에 접근하여 요소를 수정, 삭제, 추가 등을 할 수 있습니다.쉽게 말해서 DOM은
Node.js의 Event Loop
이전 글에서는 Javascript의 Event Loop에 대해서 알아보았다.이번에는 Node.js의 Event Loop를 알아보려고 한다.우선, Node.js란 무엇일까?Javascript를 브라우저 밖에서도 실행할 수 있도록 하는 Javascript의 런타임이다.=
Javascript 의 Event Loop
이벤트 자바스크립트 엔진(V8)의 구조동기적인 코드 : 말 그대로 함수만 실행됨, 위에서부터 아래로 실행됨(WebAPI가 필요없는 상태)===== 예시 ==== 결과의 이유는 아래의 그림과 같이 실행되기 때문이다.\*\* 다른 point tip: 콜스택은 한계점을 갖
JavaScript - EventLoop
지난번에는 JavaScript의 V8엔진, Call Stack, Memory Heap에 대해 알아보았다.JavaScript는 CallStack이 하나인 싱글스레드 방식이라고 언급했었다.이로인해 코드를 실행하고 다음줄의 코드를 실행하는 순차적인 방식(동기적)으로 진행이된
[CS] Event Loop
이벤트루프 이해 setTimeout(나의함수) => 시간이 오래 걸릴 것 같은 것은 바로 하지 않고, 백그라운드에 빼놓았다가 태스크큐에 넣어둠. for => 한참기다림 콜스택 큐 이 과정이 이벤트루프라고 부름 스레드(일꾼) => 싱글스레드(이벤트루프스레드)
JavaScript의 이벤트 루프와 매크로/마이크로 태스크 큐
1. 이벤트 루프(Event Loop) 이벤트 루프는 JavaScript의 비동기 동작의 핵심입니다. JavaScript는 단일 스레드로 동작하는 언어이기 때문에, 한 번에 하나의 작업만을 처리할 수 있습니다. 그렇다면 어떻게 비동기 작업들을 관리하고 실행할까요? 바로
Node.JS의 이벤트루프 코드레벨에서 확인하기(1)
NodeJS는 JS를 구동하는 런타임입니다.그래서 JS를 구동하기위해 다양한 의존성 모듈을 가지고있는데, 메모리 할당 및 가비지 컬렉팅을 하는 V8비동기 I/O처리를 하는 libuvhttp를 파싱하는 llhttp비동기 DNS요청을 위한 c-areshttps를 구성하는
ThreadLocal 사용시 주의할점
들어가기에 앞서.. 회사 프로젝트에서 API Request Header 에 포함되어 들어온 사용자정보를 Interceptor 에서 검증하고, 이를 UserContext 에 담아 전역적으로 사용하기 위한 구성을 했고, 이를 구현하는데 ThreadLocal 를 사용했다. Request Per Thread 방식으로 동작하는 Tomcat 기반의 서버였기 때문에...
[NodeJS]이벤트 루프
본 문서에서는 아래에 있는 여러가지 Phase Queue에 따른 이벤트 루프의 실행 순서에 대한 차이에 대해 다룬다.최종수정일 : 2023.06.08{: width="100" height="100"}
이벤트 루프 : 부제::자바스크립트로 먹고살거면 꼭 이해해라.
출처: Node.js 교과서\_제로초 1장 이벤트 루프 여러 이벤트가 동시에 발생했을 때 어떤 순서로 콜백 함수를 호출할지를 이벤트 루프가 판단합니다. 자바스크립트로 먹고살거면 꼭 이해해라. 정의 : 이벤트 발생 시 호출할 콜백함수들을 관리 호출된 콜백함수의 실행순서
[JS] Event Loop
자바스크립트는 싱글스레드 언어다. 싱글 스레드 언어(Single threaded Language)는 언어 자체의 스펙이라기보다는 이 언어로 만든 프로그램을 돌리는 환경에서 한 개의 스레드를 가지고 언어로 만든 프로그램을 돌린다는 표현에 가깝다. 자바스크립트는 웹사이트의
자바스크립트 비동기(Asynchronous) 과정 .feat(AST)
자바스크립트에는 동기식과 비동기식이 있다. 동기식(Synchronous) 이란 단순하게 순서대로 실행되는데 1번이 실행되고 1번이 끝이 나면 2번이 실행되고 끝나면 그다음 작업들이 이런 과정으로 처리되는 것이다.
[JavaScript] 이벤트 루프(Event Loop)란?
📋 이벤트 루프(Event Loop)란? 최근 면접을 보면서 JS의 이벤트 루프에 대한 질문을 받았는데, 대답하지 못했다. 이 게시글을 통해 JavaScript의 이벤트 루프(Event Loop)에 대해 정리해보려고 한다. 이벤트 루프에 대해 알기 전에 Java
Eventloop 와 async/await
기본적으로 자바스크립트 엔진에는 Call Stack 이라는 기념이 있다.다른 언어와 마찬가지로 함수를 호출하면 Call Stack 에 쌓이는데 물론 Stack 이니 LIFO 구조로 되어있다.함수가 값을 return 하게 되면 Call Stack 에서 제거된다.그림을 보
[Junior FE] 브라우저는 어떻게 내가 작성한 코드를 실행할까? (1)
(이 시리즈를 모두 읽고 난 뒤 당신의 상상도.jpg) 취준생 분들과 주니어 FE 개발자 분들께 제 경험을 공유합니다.