일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- 자료구조 queue
- Event Loop
- 자료구조 정렬
- first class citizen
- Browser API
- body-parser
- server side rendering
- javascript first class citizen
- 선형리스트
- typescript parcel tilde
- task queue
- Call stack
- parcel
- 자료구조
- redux 사용 이유
- redux 특징
- express request body
- centos7 설치
- javascript eventloop
- client side rendering
- javascript module
- 일급 객체
- react event bind
- es6 module
- request body undefined
- DOM API
- react
- web server vs was
- 순차리스트
- parcel resolver error
Archives
- Today
- Total
목록javascript eventloop (1)
비실이의 개발 성장기
javascript 이벤트 루프 / 태스크 큐 / 콜 스택 알아보기
# 이벤트 루프(event loop) 이벤트 루프는 구현방식으로 인해 붙여진 이름이며, 이벤트 루프는 보통 아래 코드와 유사합니다. while(queue.waitForMessage()) { queue.processNextMessage(); } 이벤트 루프는 javascript 실행환경인 브라우저에서 관리합니다. # 이벤트 루프 동작방식 비어있는 태스크 큐에 1개의 태스크가 들어온 경우, 이벤트 루프에 의해 태스크가 큐에서 pop 됩니다. pop 된 태스크가 실행되면 javascript engine 에 의해 실행 가능한 코드범위로 실행 컨텍스트가 생성됩니다. 생성된 실행 컨텍스트는 콜 스택(Call Stack) 에 push 되고 실행됩니다. 코드 실행과정에서 생성되는 태스크는 태스큐 큐에 push 됩니다...
프론트엔드/javascript
2020. 7. 4. 16:38