# event loop
JS - Event Loop
JS engine의 구조 JS - Event Loop image Memory Heap 메모리 할당이 일어나는 곳이다. Heap 구조화 되지 않은 넓은 메모리 영역 \=> 객체, 배열들이 담긴다. Call Stack(호출 스택) 실행될 코드

JavaScript - 싱글스레드와 비동기처리
업무에 들어감에 있어서 자바스크립트의 핵심적이고 기본적인 개념에 대해 이해가 부족한 것 같아서 대표적인 특징인 비동기처리에 대해 먼저 알아보려고 한다.자바스크립트의 대표적인 특징으로는 비동기처리, 병렬처리, 동시성 등.. 들어보긴 했지만, 당연히 되는 거라고 생각을 해

[JavaScript] 자바스크립트 동작 원리
자바스크립트의 코드가 어떻게 실행되는 지 알아보기 위해 동작 원리를 익히고자 한다. 이벤트 루프와 스코프, 그리고 짜증나는 개념인 실행 컨텍스트에 대해 알아보자.

async-1(event loop & blocking & non-blocking & concurrency & process async task)
promise에 대해 알아보기 전에 관련된 기반 지식을 얻어보자

NodeJS에 대해서 알아보자🤔
NodeJS? Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임(환경)입니다. 즉, 노드를 통해 다양한 자바스크립트 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 가장 많이 사용된다.

Web | 이벤트루프 & 태스크 큐
자바스크립트는 싱글 스레드 기반의 언어 이고, 자바스크립트 엔진은 하나의 호출 스택만을 사용한다.이는 요청이 동기적으로 처리되어 한 번에 한 가지 일만 처리할 수 있음 을 의미한다.만약 네트워크 요청과 같은 비동기 함수가 동기적으로 이루어지는 함수로 만들어졌다면 네트워

[React] 결제프로세스, Event Loop, 싱글스레드, 멀티스레드
카드사의 결제를 해주는 PG사 들이 있다.nicepay, KG이니시스, NHN 등등,,PG사는 payment gateway라고 해서 결제를 대신 해주는 회사이다.하지만 pg사를 이용하려면 필요한 api들을 직접 만들어서 이용해야 하기 때문에 굉장히 복잡하고 시간 소요가

Node JS 그리고 Event Loop
멀티 쓰레드 여러 작업을 처리해야할 때, 여러 쓰레드를 만들고 작업을 생선된 여러 개의 쓰레드에 할당하는 것을 멀티 쓰레드 방식이라고 한다. 이는 여러 작업을 동시에 처리함을 가능하게 한다. 당연히 작업 속도가 빨라진다. 단, 메모리 등 컴퓨터 자원 관리에 신경을

[JS/TIL] 자바스크립트 동작원리 (Stack, Queue, event loop)
자바스크립트 작동원리(콜스택, webAPI, Eventloop)
[JS] Event Loop와 requestAnimationFrame
Event Loop의 용어나 동작 원리 그리고 requestAnimationFrame에 대해 어설프게 알고 있어 정리하고자 합니다.이름에서 알 수 있듯이, JS가 처리해야 하는 task가 있는지 끊임없이 체크하고 실행시키는 Loop입니다JS는 Single Thread입

[JavaScript] 자바스크립트 런타임 환경
자바스크립트 런타임 환경은 자바스크립트 엔진, WEB APIs, Callback Queue, Event Loop으로 구성되어 있다.이 글을 쓰기에 앞서 자바스크립트에 대해 간단하게 설명하고 넘어가겠다. 자바스크립트 런타임에 앞서 이해하고 넘어가야 할 콜스택과 Non-B

프론트엔드에서의 비동기 처리
블로킹, 논블로킹, 동기, 비동기, 자바스크립트 런타임, 콜백, 프로미스, async/await 을 하나의 서사로 묶어서 이해하며 비동기 문법이 발전하게 되는 과정을 같이 알아봅시다.

브라우저의 비동기 함수 작동 원리
: JavaScript 코드를 해석하고 실행하는 인터프리터Safari의 Webkit, Chrome의 V8 등...JavaScript 엔진은 Memory Heap과 Call Stack으로 이루어져 있다.: 메모리 할당이 일어나는 곳으로 변수, 객체 등이 저장되는 곳: 코

[JavaScript] 이벤트 루프
안녕하세요. 정지현 입니다 :) 오늘은 간단하게 이벤트 루프에 대해 이해한 것들을 정리해볼게요. 서론 (배경지식) ✅ 자바스크립트의 특징 > 자바스크립트는 싱글 쓰레드 기반이며 논 블로킹 방식의 비동기적인 동시성 언어이다. 싱글 스레드 언어는 동시에 하나의 작업

JavaScript - 동기, 비동기, 이벤트루프, Web APIs
TODO Project 진행 중 init시점에 저장되어 있는 데이터를 화면에 그려주기 위해 API호출을 하였고, 그 과정에서 데이터를 가져오는 로직이 비동기(async/await) 로 처리되다 보니 일반적인 런타임에서는 데이터를 가져오지 못하는 현상이 발생하였습니다.