목록이벤트 루프 (2)

신입 개발자에서 시니어 개발자가 되기까지

[Javascript Deep Dive] 42장 이벤트 루프

1. 자바스크립트 엔진 a. 자바스크립트 엔진이란? - Javascript로 작성한 코드를 해석하고 실행하는 인터프리터이며, 싱글 스레드로 동작한다. - 싱글 스레드로 동작한다는 것은 한 번에 하나의 태스크만을 처리할 수 있다는 뜻이다. 하지만, 비동기 함수, 애니메이션 등은 다른 코드들과 동시에 동작하는데, 이러한 자바스크립트의 동시성을 처리해주는 것이 브라우저의 이벤트 루프다.b. 엔진을 이루는 두 영역 i. 콜 스택 - 자바스크립트는 단 하나의 호출 스택(call stack)만을 이용하고, 하나의 함수가 실행되고 종료되어야 다른 task를 수행할 수 있다. - 함수가 실행되면 콜스택에 push되고 실행이 끝나면 콜스택에서 pop되어 제거된다. ii. 힙 - 동적으로 생성된 객체는 heap에 할당된다..
책읽기/Javascript Deep Dive 2022. 11. 2. 00:13
section2 비동기프로그래밍 - 비동기 코드의 작동 원리

1. 개념 a. 현재 실행되고 있는 함수가 종료되지 않았더라도, 다음 함수를 실행시키는 것. 2. 사례 DOM Element 이벤트 핸들러 i. click, keydown ii. 페이지 로딩(DOMContentLoaded 등) 타이머 i. 타이머 API(setTimeout) ii. 애니메이션 API(requestAnimationFrame) 서버 자원 요청 및 응답 i. fetch API ii. AJAX (XHR) 3. Promise a. 쓰는 이유 i. 비동기를 동기적으로 처리하기 위해서(그냥 생각없이 이게 끝나면 프로미스 객체를 받아와서 그 객체 데이터를 이용하는 식으로 사용만 해왔는데, 드디어 개념이 좀 구체화 된 것 같다) ii. callback 지옥에서 빠져나오기 위해서(가독성). callback..
코드스테이츠/section2 2022. 9. 28. 00:48
이전 Prev 1 Next 다음