Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 로컬터널
- JavaScript
- localtunnel
- 실행 컨택스트
- fetch 취소
- pushstate
- 이터러블
- 호이스팅
- 클론코딩
- webpack
- 비동기 작업
- 넘블
- Lexical environment
- 자바스크립트
- debounce
- 호출 스택
- Call stack
- hoisting
- 웹팩
- 렉시컬 환경
- 이벤트 루프
- AbortController
- 로드마크
- 번들러
- 화살표 함수
- 매클로태스크
- relatedTarget
- 함수형
- 유사배열
- 마이크로태스크
Archives
- Today
- Total
목록이벤트 루프 (1)
내가 보려고 만든 개발 공부 일지
자바스크립트 - 매크로태스크(Macrotask) 와 마이크로태스크(Microtask) 그리고 작업 스케줄링
이전에 실행 컨택스트에 대한 내용을 포스팅 한 적이 있다. 복습겸 짧게 요약하면, 실행 컨택스트는 현재 실행중인 코드의 환경 정보를 가진 데이터 구조이고, 함수가 호출될 때 만들어져서 호출스택에 push 된다. 함수가 끝나면 (return 되면) 호출스택에서 pop 되고 메모리에서 제거된다. 실행 컨택스트 관리는 자바스크립트 엔진이 수행하는 가장 중요하면서도 기본적인 역할이고, 이 개념만 제대로 이해해도 대단한 일이다. 하지만 이것만 가지고는 브라우저의 작동 매커니즘을 모두 이해했다고 할 수 없다. 실제 브라우저에서는 DOM 이벤트, 네트워크 요청, 렌더링, 비동기 처리 등 수 많은 일들이 동시 다발적으로 발생한다. 무거운 작업을 수행할때도 브라우저가 버벅이거나 먹통이 되지 않도록 앱을 잘 설계하기 위해..
Javascript
2022. 3. 19. 02:07