일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- likelion
- 타입스크립트
- 멋사
- frontend
- CSS
- 네트워크
- JavaScript
- react
- 내일배움카드
- 화살표함수
- for문
- 비동기
- 리액트
- 자바스크립트
- VAR
- 멋쟁이사자처럼
- 이벤트루프
- array
- 웹개발
- 제주코딩베이스캠프
- 배열
- SS
- 메소드체이닝
- 코딩
- 국비지원
- 개발자
- 프론트엔드
- Let
- useState
- 반복문
- Today
- Total
목록이벤트루프 3
Ch.Covelope
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/beQVrM/btsI3gsF5qZ/VkYIxrx0HJmK6jsRbToHFK/img.png)
브라우저에 URL을 입력했을 때 일어나는 일1. URL 파싱 - 브라우저는 입력된 URL을 파싱 하여 프로토콜, 도메인, 경로 등을 분석합니다. URL : 리소스 위치를 나타내는 표준화된 주소 체계(고유한 식별자) 프로토콜 (protocol) : 웹 브라우저가 서버와 통신하는 방법 도메인(domain) : 웹사이트의 고유한 이름 경로(path) : 웹 서버 내의 특정 리소스 위치 2. DNS 조회 - 먼저 브라우저 캐시, 운영체제 캐시, 라우터 캐시, ISP 캐시를 확인합니다. - 캐시에 없다면, ISP(인터넷 서비스 제공업체 SK, KT 등)의 DNS 서버에 쿼리를 보냅니다. - 브라우저는 도메인 이름을 IP 주소로 변환하기 위해 DNS 조회를 ..
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/bZe82a/btsw8YKEr4K/xVJMhT4tEkF7L6r4vwRWR0/img.png)
호출 스택, 실행 프로세스 복습 하기 호출 스택(call stack), 콜백 큐(callback queue), 이벤트 루프(event loop) 자바스크립트 코드가 실행되고 자바스크립트 엔진은 각각의 함수 호출을 호출 스택에 추가, call stack 에 푸시(push) 되고 , 실행이 완료되면 stack 에서 팝(pop)된다. 호출스택(call stack) 함수의 호출을 기록 하는 자료 구조 만약 함수가 동기적일 경우 해당 연산이 완료될 때까지 다른 모든 작업은 대기하게 된다. JS 엔진은 단일 스레드로 동작하기 때문에 한 번에 하나의 작업만 처리한다. 만약 함수가 비동기적일 경우 예를 들어 setTimeout 또는 fetch,promise 등 해당 연산은 백그라운에서 처리되는데 해당 함수들의 결과를 ..
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/buwDwq/btsvmAquNUG/egIDFOzasTZsGHk6rRTuOk/img.png)
자바스크립트 엔진(javascript engine) JavaScript 엔진은 JavaScript 코드를 해석하고 실행하는 역할을 담당. 주요 JavaScript 엔진에는 V8(Chrome 및 Node.js에서 사용), SpiderMonkey(Firefox에서 사용), JavaScriptCore(Safari에서 사용), Chakra(이전 버전의 Microsoft Edge에서 사용)가 포함. 주요 역할 파서 (Parser): 자바스크립트 코드를 읽고 추상 구문 트리(Abstract Syntax Tree, AST)로 변환하는 역할을 한다. AST는 코드의 구조를 표현하며, 엔진은 이를 분석하여 실행에 필요한 정보를 추출한다. 인터프리터 (Interpreter): 변환된 AST를 실행 가능한 명령어로 해석하고..