| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- TypeScript
- 타입 단언
- 클라이언트 상태 관리 라이브러리
- 주니어개발자
- useLayoutEffect
- CS
- docker
- react
- Custom Hook
- Microtask Queue
- task queue
- Sparkplug
- 프로세스
- prettier-plugin-tailwindcss
- type assertion
- useCallback
- 좋은 PR
- Compound Component
- jotai
- Headless 컴포넌트
- zustand
- Redux Toolkit
- 암묵적 타입 변환
- linux 배포판
- JavaScript
- helm-chart
- AJIT
- Recoil
- 명시적 타입 변환
- Render Queue
- Today
- Total
목록JavaScript (2)
구리
[브라우저] 자바스크립트 엔진은 어떤 기준으로 코드를 순서대로 실행할까?
지난 글에서는 JavaScript 엔진의 기본적인 동작 원리(소스코드가 컴파일되는 과정)에 대해 알아보았습니다. 이번 글에서는 JavaScript 엔진이 컴파일된 코드를 어떤 기준으로 순서를 정해 실행하는지에 대해 알아보겠습니다. 참고로 프로세스와 스레드 관련 정리 글을 읽으시면 이해에 더 도움이 될 수 있습니다. 목차 사전 지식 실행 컨텍스트 자바스크립트 엔진 구조 콜백 함수 본문 컴파일과 실행 능률적으로 일하기 (web API, Callback Queue, event loop) Browser Web APIs Callback Queue Task Queue MicroTask Queue Render Queue Event Loop 결론 Event Loop 동작과정 Queue 우선 순위 실행 컨텍스트 코드를 ..
[브라우저] 자바스크립트 엔진은 내 코드를 어떻게 실행할까?
이번 글은 JavaScript 엔진(구글 V8 엔진 기준)이 코드를 어떻게 실행하는지에 대해 알아보는 글입니다. 자바스크립트 엔진의 동작 원리를 크게 2단계로 나눠 (2) 소스 코드가 컴파일되기까지의 과정의 주제를 현재 글에서 다루며 (2) 컴파일 후 실행되는 과정은 다음 글에서 다룰 예정입니다. 사전 지식 브라우저 동작 원리 JavaScript 동작 원리 JITC AJITC 본문 V8엔진 동작원리 비최적화 컴파일러 결론 브라우저 동작원리 브라우저는 서버로부터 전달 받은 HTML 파일을 파싱하다 script 태그를 만나면 네트워크 레이어를 통해 JavaScript 파일을 로드 후 JavaScript 엔진에게 제어권을 넘겨 파싱과 실행 단계를 진행하게 됩니다. (브라우저의 동작원리에 대해 자세히 알고 싶다..